[事件处理] 点击同一按钮实现div的隐藏与显示切换
2016-10-16 18:13
741 查看
点击同一按钮实现div的隐藏与现实切换:
在很多应用中,都有这样的功能,点击同一个按钮可以实现div的隐藏或者现实,当然操作的并非必须是按钮或者div,不过原理是一样的,下面就通过代码实例介绍一下如何实现此功能。
代码如下:
[HTML] 纯文本查看 复制代码运行代码
以上代码可以实现我们想要的效果,这里主要利用了toggle()函数。
特别说明:toggle()函数已经在jQuery1.9中被删除。
相关阅读:
1.toggle()函数可以参阅jQuery的toggle()方法一章节。
2.hide()函数可以参阅jQuery的hide()方法一章节。
3.val()函数可以参阅jQuery的val()方法一章节。
4.show()函数可以参阅jQuery的show()方法一章节。
在很多应用中,都有这样的功能,点击同一个按钮可以实现div的隐藏或者现实,当然操作的并非必须是按钮或者div,不过原理是一样的,下面就通过代码实例介绍一下如何实现此功能。
代码如下:
[HTML] 纯文本查看 复制代码运行代码
特别说明:toggle()函数已经在jQuery1.9中被删除。
相关阅读:
1.toggle()函数可以参阅jQuery的toggle()方法一章节。
2.hide()函数可以参阅jQuery的hide()方法一章节。
3.val()函数可以参阅jQuery的val()方法一章节。
4.show()函数可以参阅jQuery的show()方法一章节。
相关文章推荐
- jQuery点击按钮实现div的隐藏和显示切换效果
- 两个单选按钮(一个是,一个否 ),一个div层,实现点击隐藏,显示div
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- javascript点击按钮实现隐藏显示切换效果
- 实现点击按钮切换显示和隐藏效果
- javascript点击按钮实现隐藏显示切换效果
- Android 点击按钮实现控件显示隐藏
- Unity创建按钮点击实现菜单显示和隐藏
- Flex 如何实现按钮之间的切换,按钮点击事件
- 使用jquery点击一个实现button或连接,进行以下div显示,在点击隐藏
- jquery点击按钮显示和隐藏DIv
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- Jquery实现点击切换图片并隐藏显示内容
- jquery点击按钮显示和隐藏DIv
- 点击单选按钮改变div显示隐藏
- jquery 实现背景图片循环切换,显示隐藏div
- 点击按钮来控制某个DIV显示或隐藏
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框