基于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 相关文章推荐
jquery的extend和fn.extend的使用说明
Jan 09 Javascript
js Html结构转字符串形式显示代码
Nov 15 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
json2.js 入门教程之使用方法与实例分析
Sep 14 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 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调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
php实现的验证码文件类实例
2015/06/18 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
script标签属性type与language使用选择
2012/12/02 Javascript
Javascript查询DBpedia小应用实例学习
2013/03/07 Javascript
基于jQuery选择器的整理集合
2013/04/26 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
2015/01/13 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
python中关于数据类型的学习笔记
2020/07/19 Python
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
我看到了用指针调用函数的不同语法形式
2014/07/16 面试题
大学毕业通用个人的求职信
2013/12/08 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
幼儿园毕业寄语
2014/04/03 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
导游词之峨眉山
2019/12/16 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers
CSS 还能这样玩?奇思妙想渐变的艺术
2021/04/27 HTML / CSS
React如何创建组件
2021/06/27 Javascript
Selenium浏览器自动化如何上传文件
2022/04/06 Python
2022微信温控新功能上线
2022/05/09 数码科技