编程 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.uploadify 上传文件插件的使用详解 for ASP.NET

Jan 22 Javascript

Javascript类库的顶层对象名用户体验分析

Oct 24 Javascript

可以用鼠标拖动的DIV实现思路及代码

Oct 21 Javascript

jQuery中的一些常见方法小结(推荐)

Jun 13 Javascript

聊一聊jQuery插件uploadify使用方法

Aug 24 Javascript

JS 根据子网掩码，网关计算出所有IP地址范围示例

Apr 23 Javascript

如何使用jquery实现文字上下滚动效果

Oct 12 Javascript

JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

Jun 19 Javascript

vue实现的下拉框功能示例

Jan 29 Javascript

Node.js折腾记一：读指定文件夹，输出该文件夹的文件树详解

Apr 20 Javascript

JS数据类型判断的几种常用方法

Jul 07 Javascript

Vue 组件注册全解析

Dec 17 Vue.js

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

sphinx增量索引的一个问题

2011/06/14 PHP

php二维数组用键名分组相加实例函数

2013/11/06 PHP

Nginx服务器上安装并配置PHPMyAdmin的教程

2015/08/18 PHP

yii的入口文件index.php中为什么会有这两句

2016/08/04 PHP

Javascript 面向对象继承

2010/05/13 Javascript

js判断手机和pc端选择不同执行事件的方法

2015/01/30 Javascript

JavaScript中的关联数组问题

2015/03/04 Javascript

node.js平台下的mysql数据库配置及连接

2017/03/31 Javascript

vue 注册组件的使用详解

2018/05/05 Javascript

小程序实现带年月选取效果的日历

2018/06/27 Javascript

vue中render函数的使用详解

2018/10/12 Javascript

Angular7创建项目、组件、服务以及服务的使用

2019/02/19 Javascript

Vue的编码技巧与规范使用详解

2019/08/28 Javascript

Vue项目中Api的组织和返回数据处理的操作

2019/11/04 Javascript

NodeJS多种创建WebSocket监听的方式(三种)

2020/06/04 NodeJs

python实现多线程采集的2个代码例子

2014/07/07 Python

基于Python 的进程管理工具supervisor使用指南

2016/09/18 Python

python中数据爬虫requests库使用方法详解

2018/02/11 Python

python logging日志模块以及多进程日志详解

2018/04/18 Python

Python实用技巧之利用元组代替字典并为元组元素命名

2018/07/11 Python

Python数据可视化实现正态分布（高斯分布）

2019/08/21 Python

python 采用paramiko 远程执行命令及报错解决

2019/10/21 Python

Python写出新冠状病毒确诊人数地图的方法

2020/02/12 Python

阿里巴巴美国：Alibaba美国

2019/11/24 全球购物

新西兰最大、占有率最高的综合性药房：PharmacyDirect药房中文网

2020/11/03 全球购物

用C#语言写出在本地创建一个UDP接收端口的具体过程

2016/02/22 面试题

元旦晚会策划方案

2014/02/18 职场文书

公司廉洁自律承诺书

2014/03/27 职场文书

个人授权委托书范本

2014/04/03 职场文书

入党个人总结范文

2015/03/02 职场文书

2015年世界无烟日演讲稿

2015/03/18 职场文书

毕业设计致谢语

2015/05/14 职场文书

《猴王出世》教学反思

2016/02/23 职场文书

CSS 圆形进度栏

2021/04/06 HTML / CSS

Python中for后接else的语法使用

2021/05/18 Python

Java中的继承、多态以及封装

2022/04/11 Java/Android