在jquery中， 可以使用toggle()来切换div的显示与隐藏状态 。 下面小编举例讲解jquery怎样实现点击按钮切换div 。
需要这些哦
html+query
代码编纂器：z studio 10.0
方式/
1新建一个html文件， 定名为test.html， 用于讲解jquery如何实现点击按钮切换div 。
2在test.html文件内， 利用div标签建立两个模块， 并设置其class为hhh， 同时设置它们样式 。
3【jquery怎样实现点击按钮切换div】在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文件， 点击按钮， 查看实现的结果 。
总结：11、利用div标签建立两个模块， 并设置其class为hhh 。
2、在js中， 经由过程class获得div对象， 利用each()方式遍历每个div， 经由过程toggle()方式来切换div的显示与埋没， 从而实现点击按钮切换div的结果 。
注重事项each()方式用于遍历每一个div， 并对其进行操作 。
以上内容就是jquery怎样实现点击按钮切换div的内容啦， 希望对你有所帮助哦！
猜你喜欢
- 怎样做美味的玉米蒸鱼？
- 怎样做美味的南瓜发糕？
- 怎样做鲫鱼汤好喝呢？
- 怎样做五香味玫瑰花卷？
- 怎样做美味的苦瓜炒蛋？
- 怎样做美味的奶香苦瓜胡萝卜煎饼？
- 怎样做美味的胡萝卜海带拌黄豆？
- 怎样做漂亮的葱油花卷？
- 怎样做美味的花菜炒西红柿？
- 怎样做美味的卡通兔子馒头？