多语言展示
当前在线:1906今日阅读:145今日分享:43

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

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

记事本

2

浏览器

方法/步骤
1

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

3

第三步需要创建几个不同class的div,详见下面的代码,创建了3个div

4

第四步因为之前html中已经创建了两个button,所以这里就可以编写javascript了通过id进行绑定按钮事件

5

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

注意事项

点赞,如果这篇经验对您有帮助,请帮忙点击下面的投票,祝您事事顺利!

推荐信息