编程 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 相关文章推荐

js验证表单大全

Nov 25 Javascript

学习YUI.Ext 第二天

Mar 10 Javascript

javascript实现的动态添加表单元素input,button等(appendChild)

Nov 24 Javascript

Jquery 弹出层插件实现代码

Oct 24 Javascript

Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

May 10 Javascript

javascript 全选与全取消功能的实现代码

Dec 23 Javascript

解决jquery实现的radio重新选中的问题

Jul 03 Javascript

jQuery实现两列等高并自适应高度

Dec 22 Javascript

基于wordpress的ajax写法详解

Jan 02 Javascript

angularJs-$http实现百度搜索时的动态下拉框示例

Feb 27 Javascript

小程序页面动态配置实现方法

Feb 05 Javascript

JavaScript ES2019中的8个新特性详解

Feb 20 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

德劲1104的电路分析与改良

2021/03/01 无线电

WordPress中查询文章的循环Loop结构及用法分析

2015/12/17 PHP

PHP面向对象自动加载机制原理与用法分析

2016/10/14 PHP

PHP 裁剪图片

2021/03/09 PHP

JavaScript 存在陷阱删除某一区域所有节点

2010/05/10 Javascript

js鼠标左右键键盘值小结

2010/06/11 Javascript

js自动生成的元素与页面原有元素发生堆叠的解决方法

2013/10/24 Javascript

jquery validate在ie8下的bug解决方法

2013/11/13 Javascript

javascipt匹配单行和多行注释的正则表达式

2013/11/20 Javascript

jquery控制表单输入框显示默认值的方法

2015/05/22 Javascript

详解AngularJS中自定义指令的使用

2015/06/17 Javascript

详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)

2015/10/01 Javascript

jquery实现九宫格大转盘抽奖

2015/11/13 Javascript

jquery mobile移动端幻灯片滑动切换效果

2020/04/15 Javascript

js实现登录框鼠标拖拽效果

2017/03/09 Javascript

Popup弹出框添加数据实现方法

2017/10/27 Javascript

js中的闭包实例展示

2018/11/01 Javascript

vue使用codemirror的两种用法

2019/08/27 Javascript

vue遍历对象中的数组取值示例

2019/11/07 Javascript

javascript实现fetch请求返回的统一拦截

2019/12/22 Javascript

[01:02]DOTA2上海特锦赛SHOWOPEN

2016/03/25 DOTA

Python实现简单状态框架的方法

2015/03/19 Python

Python中表达式x += y和x = x+y 的区别详解

2017/06/20 Python

Python Pandas批量读取csv文件到dataframe的方法

2018/10/08 Python

python mac下安装虚拟环境的图文教程

2019/04/12 Python

pygame实现俄罗斯方块游戏（基础篇2）

2019/10/29 Python

python中导入 train_test_split提示错误的解决

2020/06/19 Python

python爬虫使用requests发送post请求示例详解

2020/08/05 Python

pytorch使用horovod多gpu训练的实现

2020/09/09 Python

HTML5开发动态音频图的实现

2020/07/02 HTML / CSS

《七颗钻石》教学反思

2014/02/28 职场文书

大学生交通专业求职信

2014/09/01 职场文书

财产分割协议书范本

2014/11/03 职场文书

2015年法院工作总结范文

2015/04/28 职场文书

2015年酒店服务员工作总结

2015/05/18 职场文书

Elasticsearch 配置详解

2022/04/19 Java/Android