[转]JQuery控制div外点击隐藏,div内点击不会隐藏
2017-01-10 22:09
323 查看
一直弄清楚这个效果如何实现,看了这篇博客的几行代码原来如此简单,就是利用了事件冒泡而已。
比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:
如果div内点击隐藏,可采用jQuery的触发事件
转自:http://blog.csdn.net/fengshizty/article/details/42674707
比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:
$("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); });
如果div内点击隐藏,可采用jQuery的触发事件
$(document).trigger("click");
转自:http://blog.csdn.net/fengshizty/article/details/42674707
相关文章推荐
- JQuery控制div外点击隐藏,div内点击不会隐藏
- JQuery控制div外点击隐藏而div内点击不会隐藏的方法
- JQuery控制div外点击隐藏而div内点击不会隐藏的方法
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- JQuery实现点击div以外的位置隐藏该div窗口
- Jquery使用----控制Div动画显示、隐藏
- 一个按钮控制div的显示与隐藏。运用jquery的toggle双、多事件绑定方法
- JQuery实现点击div以外的位置隐藏该div
- 点击页面其它地方隐藏div所想到的jQuery的delegate
- Jquery隐藏和显示Div的控制
- jQuery实现鼠标点击div外的地方div隐藏消失的效果
- jquery控制div的滑动隐藏和显示
- 点击按钮来控制某个DIV显示或隐藏
- jquery控制div隐藏与显示的几种效果
- jQuery点击div以外的地方隐藏div
- jquery点击按钮显示和隐藏DIv
- Jquery控制点击时一、二级菜单自由隐藏与出现
- jquery点击链接隐藏div
- 点击页面其它地方隐藏div所想到的jQuery的delegate
- 由点击页面其它地方隐藏div所想到的jQuery的delegate