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中如何设置点击事件之后复原
© 手抄报圈