编程 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 无提示关闭浏览器页面的代码

Mar 09 Javascript

基于jquery的拖动布局插件

Nov 25 Javascript

jquery实现图片左右间隔滚动特效(可自动播放)

May 08 Javascript

jquery实现人性化的有选择性禁用鼠标右键

Jun 30 Javascript

js实现完全自定义可带多级目录的网页鼠标右键菜单方法

Feb 28 Javascript

整理Javascript基础入门学习笔记

Nov 29 Javascript

基于jQuery日历插件制作日历

Mar 11 Javascript

通过V8源码看一个关于JS数组排序的诡异问题

Aug 14 Javascript

Node.js实现发送邮件功能

Nov 06 Javascript

js实现图片粘贴到网页

Dec 06 Javascript

jstree中的checkbox默认选中和隐藏示例代码

Dec 29 Javascript

浅谈vue-props的default写不写有什么区别

Aug 09 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

深思 PHP 数组遍历的差异（array_diff 的实现）

2008/03/23 PHP

将文件夹压缩成zip文件的php代码

2009/12/14 PHP

php 发送带附件邮件示例

2014/01/23 PHP

Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法

2016/10/08 PHP

php实现微信发红包功能

2018/07/13 PHP

Jquery 学习笔记（一）

2009/10/13 Javascript

ASP.NET jQuery 实例8 (动态添加内容到DropDownList)

2012/02/03 Javascript

给Flash加一个超链接(推荐使用透明层)兼容主流浏览器

2013/06/09 Javascript

jQuery实现类似淘宝购物车全选状态示例

2013/06/26 Javascript

javascript学习笔记（八）正则表达式

2014/10/08 Javascript

Jquery日期选择datepicker插件用法实例分析

2015/06/08 Javascript

移动端点击态处理的三种实现方式

2017/01/12 Javascript

Vue.js实现多条件筛选、搜索、排序及分页的表格功能

2020/11/24 Javascript

Angular中$state.go页面跳转并传递参数的方法

2017/05/09 Javascript

微信小程序picker组件下拉框选择input输入框的实例

2017/09/20 Javascript

js字符串倒序的实例代码

2018/11/30 Javascript

微信小程序遍历Echarts图表实现多个饼图

2019/04/25 Javascript

[01:50]2014DOTA2西雅图邀请赛专访欢乐周宝龙

2014/07/08 DOTA

[00:26]TI7不朽珍藏III——冥界亚龙不朽展示

2017/07/15 DOTA

Python实现简单截取中文字符串的方法

2015/06/15 Python

Python读取sqlite数据库文件的方法分析

2017/08/07 Python

运动检测ViBe算法python实现代码

2018/01/09 Python

简单了解python模块概念

2018/01/11 Python

python 列表、字典和集合的添加和删除操作

2019/12/16 Python

Python安装OpenCV的示例代码

2020/03/05 Python

使用Python获取当前工作目录和执行命令的位置

2020/03/09 Python

aws 通过boto3 python脚本打pach的实现方法

2020/05/10 Python

Python HTMLTestRunner测试报告view按钮失效解决方案

2020/05/25 Python

详解window.open被浏览器拦截的解决方案

2019/07/18 HTML / CSS

雅诗兰黛香港官网：Estee Lauder香港

2017/09/26 全球购物

几道PHP的面试题

2012/05/19 面试题

Hibernate持久层技术

2013/12/16 面试题

2014党员学习兰辉先进事迹思想汇报

2014/09/17 职场文书

2014领导干部学习焦裕禄同志先进事迹思想汇报

2014/09/19 职场文书

关于国庆节的广播稿

2015/08/19 职场文书

MySQL视图概念以及相关应用

2022/04/19 MySQL