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

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 数码科技