JQuery控制div外点击隐藏而div内点击不会隐藏的方法
更新时间：2015年01月13日 14:37:43 投稿：shichen2014
这篇文章主要介绍了JQuery控制div外点击隐藏而div内点击不会隐藏的方法,涉及show、hide及stopPropagation等方法的使用技巧,需要的朋友可以参考下
本文实例讲述了JQuery控制div外点击隐藏而div内点击不会隐藏的方法。分享给大家供大家参考。具体如下：
比如有个div其id为body，实现在div外点击隐藏，div内点击不隐藏，采用jQuery实现如下：
复制代码 代码如下:
$("#body").click(function(e) {
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
如果div内点击隐藏，可采用jQuery的触发事件
复制代码 代码如下:
$(document).trigger("click");
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了JQuery 进入页面默认给已赋值的复选框打钩的实现代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-03-03
下面小编就为大家带来一篇jquery <li>标签 隔若干行加空白或者加虚线的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
jquery.validate.js 多个相同name的处理方式
本文通过代码给大家介绍了jquery.validate.js 多个相同name的处理方式，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-07-07
获取div中文本的长度，然后和通过和属性limit规定的长度进行对比，如果超出长度则使用截取指定的长度，后面用...替代2014-08-08
jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。今天我们来探讨下jquery中toggle函数交替使用问题2015-06-06
这篇文章主要介绍了基于jQuery实现网页打印功能，实现的打印功能大致跟浏览器的Ctrl+P效果一样，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要为大家提供了多种JQuery循环滚动文字图片效果代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了jquery实现弹出层效果的方法,实例分析了jQuery实现弹出层的技巧,涉及jQuery操作页面元素与样式的技巧,需要的朋友可以参考下2015-05-05
本篇文章主要是对cookie中的path与domain属性进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery点击tr实现checkbox选中的方法，需要的朋友可以参考一下2013-03-03
最新评论