[转]JQuery控制div外点击隐藏,div内点击不会隐藏

Posted 博观约取 厚积薄发

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[转]JQuery控制div外点击隐藏,div内点击不会隐藏相关的知识,希望对你有一定的参考价值。

一直弄清楚这个效果如何实现,看了这篇博客的几行代码原来如此简单。

比如有个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的显示和隐藏

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

jQuery实现鼠标点击Div区域外隐藏Div

js怎么实现点击div区域外任意位置,使这个div隐藏?

怎样用jquery控制div的显示与隐藏

jquery实现点击控制div的显示和隐藏