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 相关文章推荐
brook javascript框架介绍
Oct 10 Javascript
javascript中的startWith和endWith的几种实现方法
May 07 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
jQuery 局部div刷新和全局刷新方法总结
Oct 05 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
JavaScript JSON数据处理全集(小结)
Aug 15 Javascript
Vue.js中的高级面试题及答案
Jan 13 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
第十四节--命名空间
2006/11/16 PHP
探讨:如何通过stats命令分析Memcached的内部状态
2013/06/14 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
javascript操作数组详解
2014/12/17 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
bootstrap table实例详解
2017/01/06 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
python写的ARP攻击代码实例
2014/06/04 Python
5种Python单例模式的实现方式
2016/01/14 Python
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
获取Django项目的全部url方法详解
2017/10/26 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python pandas中对Series数据进行轴向连接的实例
2018/06/08 Python
python使用wxpy轻松实现微信防撤回的方法
2019/02/21 Python
python中count函数简单用法
2020/01/05 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
2015年小学语文教学工作总结
2015/05/25 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
怎样写观后感
2015/06/19 职场文书
党校培训学习心得体会
2016/01/06 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript
JavaScript实现栈结构详细过程
2021/12/06 Javascript