编程 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判别浏览器种类以及IE版本的几种方法小结

Aug 02 Javascript

js获取某元素的class里面的css属性值代码

Jan 16 Javascript

JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例

Jan 26 Javascript

JS随机洗牌算法之数组随机排序

Mar 23 Javascript

checkbox 选中一个另一个checkbox也会选中的实现代码

Jul 09 Javascript

AngularJS实现动态编译添加到dom中的方法

Nov 04 Javascript

基于JS实现翻书效果的页面切换样式

Feb 16 Javascript

JQuery Ajax动态加载Table数据的实例讲解

Aug 09 jQuery

简单了解Ajax表单序列化的实现方法

Jun 14 Javascript

vue实现商品列表的添加删除实例讲解

May 14 Javascript

vue elementui tree 任意级别拖拽功能代码

Aug 31 Javascript

JQuery绑定事件四种实现方法解析

Dec 02 jQuery

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

学习php笔记字符串处理

2010/10/19 PHP

php连接函数implode与分割explode的深入解析

2013/06/26 PHP

php生成二维码时出现中文乱码的解决方法

2014/12/18 PHP

Chosen 基于jquery的选择框插件使用方法

2012/05/30 Javascript

js文件缓存之版本管理详解

2013/07/05 Javascript

JS简单实现多级Select联动菜单效果代码

2015/09/06 Javascript

WordPress中利用AJAX技术进行评论提交的实现示例

2016/01/12 Javascript

浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

2016/01/19 Javascript

JavaScript实现in-place思想的快速排序方法

2016/08/07 Javascript

JS自定义混合Mixin函数示例

2016/11/26 Javascript

vue iview组件表格 render函数的使用方法详解

2018/03/15 Javascript

解决vue中使用Axios调用接口时出现的ie数据处理问题

2018/08/13 Javascript

详解vue引入子组件方法

2019/02/12 Javascript

jquery简单实现纵向的无缝滚动代码实例

2019/04/01 jQuery

ES6 Set结构的应用实例分析

2019/06/26 Javascript

JS中FormData类实现文件上传

2020/03/27 Javascript

解决Echarts2竖直datazoom滑动后显示数据不全的问题

2020/07/20 Javascript

React服务端渲染原理解析与实践

2021/03/04 Javascript

[01:14]英雄，所敬略同——2018完美盛典宣传视频4K

2018/12/05 DOTA

利用PyInstaller将python程序.py转为.exe的方法详解

2017/05/03 Python

python处理两种分隔符的数据集方法

2018/12/12 Python

python 删除字符串中连续多个空格并保留一个的方法

2018/12/22 Python

pyqt 多窗口之间的相互调用方法

2019/06/19 Python

详解基于python-django框架的支付宝支付案例

2019/09/23 Python

基于Python 中函数的收集参数机制

2019/12/21 Python

python使用python-pptx删除ppt某页实例

2020/02/14 Python

Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境

2020/04/08 Python

Python 在局部变量域中执行代码

2020/08/07 Python

Python实现快速大文件比较代码解析

2020/09/04 Python

CSS3的常见transformation图形变化用法小结

2016/05/13 HTML / CSS

详解CSS 3 中的 calc() 方法

2018/01/12 HTML / CSS

英国马匹装备和马术用品购物网站：Equine Superstore

2019/03/03 全球购物

英国泽西岛植物：Jersey Plants Direct

2019/08/07 全球购物

英国哈罗德园艺：Harrod Horticultural

2020/03/31 全球购物

党员干部承诺书

2014/03/25 职场文书

创业计划书之少年玩具店

2019/09/05 职场文书