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

用于自动添加Digg This!按钮的JavaScript

Dec 23 Javascript

一个简单的JS时间控件示例代码(JS时分秒时间控件)

Nov 22 Javascript

javascript操作Cookie（设置、读取、删除）方法详解

Mar 18 Javascript

JavaScript中反正弦函数Math.asin()的使用简介

Jun 14 Javascript

优化RequireJS项目的相关技巧总结

Jul 01 Javascript

Vue.js实战之Vuex的入门教程

Apr 01 Javascript

微信小程序商城项目之侧栏分类效果（1）

Apr 17 Javascript

Vue.js中extend选项和delimiters选项的比较

Jul 17 Javascript

BootStrap 页签切换失效的解决方法

Aug 17 Javascript

Vue.js最佳实践(五招助你成为vuejs大师)

May 04 Javascript

微信小程序录音实现功能并上传(使用node解析接收)

Feb 26 Javascript

Vant picker 多级联动操作

Nov 02 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的FTP学习(二)

2006/10/09 PHP

PHP syntax error, unexpected $end 错误的一种原因及解决

2008/10/25 PHP

Cygwin中安装PHP方法步骤

2015/07/04 PHP

Zend Framework入门教程之Zend_View组件用法示例

2016/12/09 PHP

给页面渲染时间加速干掉Dom Level 0 Event

2012/12/19 Javascript

ECMAScript 5严格模式（Strict Mode）介绍

2015/03/02 Javascript

js实现图片点击左右轮播

2015/07/08 Javascript

jQuery拖动布局其结果保存到数据库

2015/10/09 Javascript

创建一个类Person的简单实例

2016/05/17 Javascript

AngularJs表单验证实例详解

2016/05/30 Javascript

vue+node+webpack环境搭建教程

2017/11/05 Javascript

Webpack的dll功能使用

2018/06/28 Javascript

Vue-component全局注册实例

2018/09/06 Javascript

微信小程序如何获取用户收货地址

2018/11/27 Javascript

js实现随机抽奖

2020/03/19 Javascript

Vue router安装及使用方法解析

2020/12/02 Vue.js

详解微信小程序（Taro）手动埋点和自动埋点的实现

2021/03/02 Javascript

[02:17]TI4西雅图DOTA2前线报道啸天mik夫妻档解说

2014/07/08 DOTA

python中实现延时回调普通函数示例代码

2017/09/08 Python

浅谈Python由__dict__和dir()引发的一些思考

2017/10/30 Python

Python统计单词出现的次数

2018/04/04 Python

浅谈python实现Google翻译PDF,解决换行的问题

2018/11/28 Python

pytorch加载自定义网络权重的实现

2020/01/07 Python

Python使用pdb调试代码的技巧

2020/05/03 Python

英国领先的亚洲旅游专家：Wendy Wu Tours

2018/01/21 全球购物

Gibson London官网：以地道的英国男装而著称

2019/12/06 全球购物

工商学院毕业生个人自我评价

2013/09/19 职场文书

法制宣传月活动方案

2014/05/11 职场文书

优秀少先队辅导员事迹材料

2014/12/24 职场文书

监察建议书

2015/02/04 职场文书

同学聚会通知短信

2015/04/20 职场文书

公司仓库管理制度

2015/08/04 职场文书

优秀班干部主要事迹材料

2015/11/04 职场文书

2019七夕节祝福语36句，快来收藏吧

2019/08/06 职场文书

Windows环境下实现批量执行Sql文件

2021/10/05 SQL Server

Android自定义scrollview实现回弹效果

2022/04/01 Java/Android