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编程起步(第六课)
Feb 27 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
微信小程序中使用vant框架的具体步骤
Feb 18 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
COM in PHP (winows only)
2006/10/09 PHP
PHP之数组学习
2011/05/29 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
2016/03/05 PHP
jQuery学习笔记之总体架构
2014/06/03 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
用js屏蔽被http劫持的浮动广告实现方法
2017/08/10 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
jquery.param()实现数组或对象的序列化方法
2018/10/08 jQuery
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
跟老齐学Python之不要红头文件(2)
2014/09/28 Python
Python多进程通信Queue、Pipe、Value、Array实例
2014/11/21 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
Python随机函数random()使用方法小结
2018/04/29 Python
Python面向对象进阶学习
2019/05/21 Python
Python 实现 T00ls 自动签到脚本代码(邮件+钉钉通知)
2020/07/06 Python
总经理岗位职责
2013/11/09 职场文书
我的求职计划书
2014/01/10 职场文书
大学生创业项目方案
2014/03/08 职场文书
毕业生如何写自我鉴定
2014/03/15 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
工程催款通知书
2015/04/17 职场文书
行为习惯主题班会
2015/08/14 职场文书
Python中tqdm的使用和例子
2022/09/23 Python