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创建视图
  • 热门搜索
    龙爪的功效与作用 蜂王胎的作用与功效 鸡头米的功效与作用 小金丸的功效与作用 什么崩什么坏 审车需要什么手续 黄水晶的功效与作用 一进门看见什么最好 什么是生化汤 菠萝的功效与作用禁忌