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中的对象和数组的应用技巧
Jan 07 Javascript
更正确的asp冒泡排序
May 24 Javascript
js jq 单击和双击区分示例介绍
Nov 05 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
Dec 03 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
微信小程序 教程之注册页面
Oct 17 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 Javascript
ES6中Symbol、Set和Map用法详解
Aug 20 Javascript
基于js实现判断浏览器类型代码实例
Jul 17 Javascript
AngularJS实现多级下拉框
Mar 25 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/01/19 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
在textarea中屏蔽js的某个function的javascript代码
2007/04/20 Javascript
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
JavaScript中的集合及效率
2010/01/08 Javascript
javascript中DOM复选框选择用法实例
2015/05/14 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
js生成word中图片处理方法
2018/01/06 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
移动端手指操控左右滑动的菜单
2019/09/08 Javascript
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
实例说明Python中比较运算符的使用
2015/05/13 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
Python Numpy库安装与基本操作示例
2019/01/08 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
艺术用品:Arteza
2018/11/25 全球购物
如何用PHP实现邮件发送
2012/12/26 面试题
宣传部部长竞选演讲稿
2014/04/26 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL