JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2018-10-12 14:01
615 查看
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JQuery控制div外点击隐藏而div内点击不会隐藏的方法
- JQuery控制div外点击隐藏,div内点击不会隐藏
- [转]JQuery控制div外点击隐藏,div内点击不会隐藏
- 一个按钮控制div的显示与隐藏。运用jquery的toggle双、多事件绑定方法
- jQuery随便控制任意div隐藏的方法
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery随便控制任意div隐藏的方法
- jquery 点击div 以外窗口隐藏的方法
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- jQuery实现点击其他地方div隐藏
- jquery 显示隐藏div方法show(),hide(),toggle(),slideDown()总结
- jquery控制div隐藏与显示的几种效果
- jquery点击区域显示或隐藏DIV,点击非该DIV的地方隐藏该DIV
- jquery动态为个span,input,div,等标签赋值的方法总结,js动态隐藏div,
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- js全页面刷新方法+jquery之超简单的div显示和隐藏特效demo
- JQuery实现点击div以外的位置隐藏该div窗口