js中如何设置点击事件之后复原

 时间:2024-10-12 09:01:09

1、打开vscode,创建h5页面,引入jquery文件

js中如何设置点击事件之后复原

2、在页面中添加测试dom结构,一个按钮,两个p标签

js中如何设置点击事件之后复原

3、在浏览器中打开页面,可以看到效果,两段文字,一个按钮

js中如何设置点击事件之后复原

4、添加js代码, 绑定按钮的点击事件,在点下按钮的时候,隐藏第一个p标签的内容,只显示第二个p标签的内容

js中如何设置点击事件之后复原

5、在浏览器中运行效果如图所示,点击一次按钮,隐藏了第一个P标签内容

js中如何设置点击事件之后复原

6、在浏览器中点击第二次这个按钮,第一个P标签的内容就显示出来了

js中如何设置点击事件之后复原

7、本文使用了jquery的toggle方法,这个方法会自动根据内容是显示的,就隐藏,是隐藏的就显示

js中如何设置点击事件之后复原
  • C#winform用户密码修改界面怎么做
  • Visual Studio Code怎么设置隐藏选项卡
  • javascript怎么给div添加图片
  • 如何他用powerdesigner中的SQL语句创建数据表
  • 如何使用SQLyog创建视图
  • 热门搜索
    三年级重阳节手抄报 小学生国庆手抄报 手抄报关于环保 安全出行手抄报内容 关于节日的英语手抄报 清明节手抄报图片简单 手抄报国庆70周年 初一历史手抄报 三四年级中秋节手抄报 五一节的手抄报