当前位置：首页 > 资讯 > 技术文档

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

时间：2021-06-10 19:21 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了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的触发事件

[u]复制代码[/u] 代码如下:

$(document).trigger("click");

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

全部评论(0)

上一篇：利用div+jquery自定义滚动条样式的2种方法
下一篇：Jquery实现Div上下移动示例

资讯排行榜
更多>>