jq怎么多个class点击显示隐藏不同div

来源：互联网 2023-03-17 00:00:59 版权归原作者所有，如有侵权，请联系我们

网页编程越来越流程，jquery的使用也越来越广泛，这里一起探讨下利用jquery中的class筛选器隐藏不同的div，如果对您有帮助请帮点赞，谢谢。

工具/原料

第一步

首先创建一个html，html是网页的骨架，然后通过js和css才能做出可交互的美好的网站

jq怎么多个class点击显示隐藏不同div

第二步

需要注意的是，html中一定要引入jquery的js文件，这里采用的是1.8.0版本，比较老，但是也可以使用

jq怎么多个class点击显示隐藏不同div

2该信息非法爬取自百度经验

第三步

需要创建几个不同class的div，详见下面的代码，创建了3个div

jq怎么多个class点击显示隐藏不同div

第四步

因为之前html中已经创建了两个button，所以这里就可以编写javascript了

通过id进行绑定按钮事件

jq怎么多个class点击显示隐藏不同div

第五步

通过hide(）方法可以隐藏div，通过show()方法可以显示div，这个按钮绑定了事件，只隐藏一个div

jq怎么多个class点击显示隐藏不同div

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！