欢迎访问士人网络天水网站建设专业服务平台 网站地图 | 联系我们
天水网站建设制作设计公司【天水士人网络】
天水网络公司电话
当前位置:首页 > 网站建设 > 网站建设知识 > 正文

jquery如何在同一按钮上点击实现隐藏/显示之间的切换

时间:2020-05-26 | 来源:士人网络 | 关注: 682

jquery如何在同一按钮上点击实现隐藏/显示之间的切换

  在很多应用中,都有这样的功能,点击同一个按钮可以实现div的隐藏或者显示,当然操作的并非必须是按钮或者div,不过原理是一样的,下面天水网络公司小编就通过代码实例介绍一下如何实现此功能的方法。

  方法一:通过toggle事件实现

  

  这种方法是我们推荐的方法,不过您可根据自己的项目情况来选择使用哪一种。当然,除了上述三种,还有其他的实现方法,如通过css()或addClass()添加css样式display:block或display:none来达到项目需求。

相关热词搜索: jquery,同一按钮,点击,隐藏,显示,切换