基于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"); 
} 
}); 
});
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