提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JQuery控制div外点击隐藏而div内点击不会隐藏的方法

jQuery控制方法 隐藏 点击 不会 div
2023-06-13 09:15:40 时间

本文实例讲述了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");

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章