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预览上传图片发现的问题的解决方法
Nov 25 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
Mar 01 Javascript
Javascript获取某个月的天数
May 30 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
vue如何进行动画的封装
Sep 26 Javascript
node.js express框架简介与实现
Jul 23 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
jquery自定义组件实例详解
Dec 31 jQuery
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
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
微信小程序request出现400的问题解决办法
2017/05/23 Javascript
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
Django查询数据库的性能优化示例代码
2017/09/24 Python
Selenium 模拟浏览器动态加载页面的实现方法
2018/05/16 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
python3 kubernetes api的使用示例
2021/01/12 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
企划专员岗位职责
2013/12/09 职场文书
期末自我鉴定
2014/02/02 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
《颐和园》教学反思
2014/02/26 职场文书
新闻工作者先进事迹
2014/05/26 职场文书
2015年乡镇流动人口工作总结
2015/05/12 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
导游词之西递宏村
2019/12/10 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL
python如何读取和存储dict()与.json格式文件
2022/06/25 Python