jquery怎样实现点击按钮切换div

在jquery中，可以使用toggle()来切换div的显示与隐藏状态。下面小编举例讲解jquery怎样实现点击按钮切换div。

东西/原料

1
新建一个html文件，定名为test.html，用于讲解jquery如何实现点击按钮切换div。
2
在test.html文件内，利用div标签建立两个模块，并设置其class为hhh，同时设置它们样式。
3
在test.html文件内，第一个div模块利用display属性设置其埋没不成见，即display设置为none。
4
在test.html文件内，建立一个button按钮，给button绑定onclick点击事务，当按钮被点击时，执行huan()函数。
5
在js标签内，建立huan()函数，在函数内，经由过程class获得div对象，利用each()方式遍历每个div，经由过程toggle()方式来切换div的显示与埋没，从而实现点击按钮切换div的结果。
6
在浏览器打开test.html文件，点击按钮，查看实现的结果。
END