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

JavaScript开发规范要求(规范化代码)

Aug 16 Javascript

Javascript面向对象扩展库代码分享

Mar 27 Javascript

javaScript函数中执行C#代码中的函数方法总结

Aug 07 Javascript

JavaScript中的this关键字使用详解

Aug 14 Javascript

详解JavaScript中|单竖杠运算符的使用方法

May 23 Javascript

温习Javascript基础语法之词法结构

May 31 Javascript

js完整倒计时代码分享

Sep 18 Javascript

JS实现京东首页之页面顶部、Logo和搜索框功能

Jan 12 Javascript

Vue.js上下滚动加载组件的实例代码

Jul 17 Javascript

js简单遍历获取对象中的属性值的方法示例

Jun 19 Javascript

使用Karma做vue组件单元测试的实现

Jan 16 Javascript

vue中axios封装使用的完整教程

Mar 03 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

php中用于检测一个地理IP地址是否可用的代码

2012/02/19 PHP

javascript+php实现根据用户时区显示当地时间的方法

2015/03/11 PHP

CI框架实现cookie登陆的方法详解

2016/05/18 PHP

PHP实现截取中文字符串不出现?号的解决方法

2016/12/29 PHP

PHP使用redis消息队列发布微博的方法示例

2017/06/22 PHP

input 高级限制级用法

2009/03/26 Javascript

JS分割字符串并放入数组的函数

2011/07/04 Javascript

Jquery 的扩展方法总结

2011/10/01 Javascript

SOSO地图JS画出标注和中心点以html形式运行

2013/08/09 Javascript

用Jquery.load载入页面实现局部刷新

2014/01/22 Javascript

JavaScript italics方法入门实例（把字符串显示为斜体）

2014/10/17 Javascript

js实现随机点名程序

2020/09/17 Javascript

vue+element使用动态加载路由方式实现三级菜单页面显示的操作

2020/08/04 Javascript

[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21

2018/08/22 DOTA

Python中的XML库4Suite Server的介绍

2015/04/14 Python

python中的全局变量用法分析

2015/06/09 Python

各种Python库安装包下载地址与安装过程详细介绍(Windows版)

2016/11/02 Python

浅谈终端直接执行py文件,不需要python命令

2017/01/23 Python

itchat-python搭建微信机器人(附示例)

2019/06/11 Python

python实现文本进度条程序进度条加载进度条单行刷新功能

2019/07/03 Python

python实现邮件自动发送

2019/08/10 Python

Python字典中的值为列表或字典的构造实例

2019/12/16 Python

Python实现动态给类和对象添加属性和方法操作示例

2020/02/29 Python

Python基于requests库爬取网站信息

2020/03/02 Python

详解pandas中iloc, loc和ix的区别和联系

2020/03/09 Python

文件上传服务器-jupyter 中python解压及压缩方式

2020/04/22 Python

CSS3制作漂亮的照片墙的实现代码

2016/06/08 HTML / CSS

HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题

2020/04/27 HTML / CSS

main 函数执行以前，还会执行什么代码

2013/04/17 面试题

优秀的毕业生的自我评价

2013/12/12 职场文书

亲子活动总结

2014/04/26 职场文书

爱国演讲稿400字

2014/05/07 职场文书

2015年爱牙日活动总结

2015/02/05 职场文书

质量承诺书格式范文

2015/04/28 职场文书

导游词之西湖雷峰塔

2019/09/18 职场文书

类和原型的设计模式之复制与委托差异

2022/07/07 Javascript