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

 时间:2026-04-30 12:23:37

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创建视图
  • 热门搜索
    枭雄是什么意思 apc是什么药 期货是什么意思 军区司令员是什么级别 20万左右买什么车好 少尉是什么级别 兮是什么意思 10月份是什么星座 ip什么意思 合肥有什么好玩的地方景点推荐