编程 Javascript

基于jquery点击自以外任意处，关闭自身的代码

Posted in Javascript onFebruary 10, 2012

Html:

<div class="down">click</div> 
<div class="con hide">show-area</div>

CSS:

.hide{display:none;}

js:

$(document).ready(function(){ 
$("div.down").click(function(e){ 
e.stopPropagation(); 
$("div.con").removeClass("hide"); 
}); 
$(document).click(function(){ 
if(!$("div.con").hasClass("hide")){ 
$("div.con").addClass("hide"); 
} 
}); 
});

基于jquery点击自以外任意处，关闭自身的代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 1.8 Release版本发布了

Aug 14 Javascript

JS实现div居中示例

Apr 17 Javascript

jquery实现鼠标滑过显示提示框的方法

Feb 05 Javascript

jQuery Validate 无法验证 chosen-select元素的解决方法

May 17 jQuery

详解VUE中v-bind的基本用法

Jul 13 Javascript

Bootstrap栅格系统的使用详解

Oct 30 Javascript

详解vue2.0+axios+mock+axios-mock+adapter实现登陆

Jul 19 Javascript

angular2 ng2-file-upload上传示例代码

Aug 23 Javascript

详解mpvue开发微信小程序基础知识

Sep 23 Javascript

javascript设计模式 ? 模板方法模式原理与用法实例分析

Apr 23 Javascript

Jquery使用each函数实现遍历及数组处理

Jul 14 jQuery

JS如何判断对象是否包含某个属性

Aug 29 Javascript

jqPlot 图表中文API使用文档及源码和在线示例

Feb 07 #Javascript

jquery中的mouseleave和mouseout的区别模仿下拉框效果

Feb 07 #Javascript

jquery 操作日期、星期、元素的追加的实现代码

Feb 07 #Javascript

jQuery插件原来如此简单 jQuery插件的机制及实战

Feb 07 #Javascript

jQuery之end()和pushStack()使用介绍

Feb 07 #Javascript

详解强大的jQuery选择器之基本选择器、层次选择器

Feb 07 #Javascript

JavaScript 5 新增 Array 方法实现介绍

Feb 06 #Javascript

You might like

利用Memcached在php下实现session机制替换PHP的原生session支持

2010/08/21 PHP

javascript 的Document属性和方法集合

2010/01/25 Javascript

获取dom元素那些讨厌的位置封装代码

2010/06/23 Javascript

浅谈JavaScript函数参数的可修改性问题

2013/12/05 Javascript

浅析node.js中close事件

2014/11/26 Javascript

Javascript常用字符串判断函数代码分享

2014/12/08 Javascript

jQuery使用CSS()方法给指定元素同时设置多个样式

2015/03/26 Javascript

JavaScript获取数组最小值和最大值的方法

2015/06/09 Javascript

jquery遍历函数siblings()用法实例

2015/12/24 Javascript

Web打印解决方案之证件套打的实现思路

2016/08/29 Javascript

打造自己的jQuery插件入门教程

2016/09/23 Javascript

jQuery实现三级联动效果

2017/03/02 Javascript

vue-router路由参数刷新消失的问题解决方法

2017/06/17 Javascript

详解使用React制作一个模态框

2019/03/14 Javascript

详解nodejs http请求相关总结

2019/03/31 NodeJs

VUE接入腾讯验证码功能（滑块验证）备忘

2019/05/07 Javascript

vue路由拦截器和请求拦截器知识点总结

2019/11/08 Javascript

使用vue3重构拼图游戏的实现示例

2021/01/25 Vue.js

Python更新数据库脚本两种方法及对比介绍

2017/07/27 Python

教你学会使用Python正则表达式

2017/09/07 Python

python遍历文件夹下所有excel文件

2018/01/03 Python

python获取txt文件词向量过程详解

2019/07/05 Python

Python标准库itertools的使用方法

2020/01/17 Python

python3用PyPDF2解析pdf文件,用正则匹配数据方式

2020/05/12 Python

打印tensorflow恢复模型中所有变量与操作节点方式

2020/05/26 Python

Python读取yaml文件的详细教程

2020/07/21 Python

程序员跳槽必看面试题总结

2013/06/28 面试题

会计主管岗位职责范文

2013/11/08 职场文书

领导党性分析材料

2014/02/15 职场文书

超市商业计划书

2014/05/04 职场文书

无子女夫妻离婚协议书（4篇）

2014/10/20 职场文书

合法的离婚协议书范本

2014/10/23 职场文书

致男子1500米运动员的广播稿

2019/11/08 职场文书

深入理解CSS 中 transform matrix矩阵变换问题

2021/08/30 HTML / CSS

Redis集群新增、删除节点以及动态增加内存的方法

2021/09/04 Redis

详解JAVA的控制语句

2021/11/11 Java/Android