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


Posted in Javascript onJanuary 13, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript 在firebug调试时用console.log的方法
May 10 Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
浅谈React Native 中组件的生命周期
Sep 08 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
Dec 03 Javascript
JavaScript this指向相关原理及实例解析
Jul 10 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 #Javascript
使用javascript实现雪花飘落的效果
Jan 13 #Javascript
javascript数组输出的两种方式
Jan 13 #Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 #Javascript
JS判断客服QQ号在线还是离线状态的方法
Jan 13 #Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 #Javascript
jquery删除指定子元素代码实例
Jan 13 #Javascript
You might like
php学习笔记之面向对象编程
2012/12/29 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
防止文件缓存的js代码
2013/01/10 Javascript
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
[01:01:52]完美世界DOTA2联赛PWL S2 GXR vs Magma 第二场 11.25
2020/11/26 DOTA
python高并发异步服务器核心库forkcore使用方法
2013/11/26 Python
Python解析xml中dom元素的方法
2015/03/12 Python
python中defaultdict的用法详解
2017/06/07 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
Python socket模块方法实现详解
2019/11/05 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
python 操作hive pyhs2方式
2019/12/21 Python
Python标准库itertools的使用方法
2020/01/17 Python
Python列表操作方法详解
2020/02/09 Python
对python中各个response的使用说明
2020/03/28 Python
python读取xml文件方法解析
2020/08/04 Python
python+pygame实现坦克大战小游戏的示例代码(可以自定义子弹速度)
2020/08/11 Python
python用Configobj模块读取配置文件
2020/09/26 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
小学一年级评语大全
2014/04/22 职场文书
餐厅筹备计划书
2014/04/25 职场文书
应聘教师求职信
2014/07/19 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书
信用卡催款律师函
2015/05/27 职场文书
欢迎新生标语2015
2015/07/16 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python