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

onkeyup，onkeydown和onkeypress的区别介绍

Oct 21 Javascript

JavaScript生成随机数的4种自定义函数分享

Feb 28 Javascript

JavaScript实现俄罗斯方块游戏过程分析及源码分享

Mar 23 Javascript

jQuery实现两款有动画功能的导航菜单代码

Sep 16 Javascript

angular分页指令操作

Jan 09 Javascript

在js代码拼接dom对象到页面上去的模板总结(必看)

Feb 14 Javascript

node.js入门教程之querystring模块的使用方法

Feb 27 Javascript

vue 实现在函数中触发路由跳转的示例

Sep 01 Javascript

vue-for循环嵌套操作示例

Jan 28 Javascript

vue实现搜索功能

May 28 Javascript

JS中的const命令你真懂它吗

Mar 08 Javascript

Vue router安装及使用方法解析

Dec 02 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 foreach循环使用详解与实例代码

2010/05/08 PHP

总结PHP中初始化空数组的最佳方法

2019/02/13 PHP

通过ifame指向的页面高度调整iframe的高度

2006/10/05 Javascript

两个select之间option的互相添加操作(jquery实现)

2009/11/12 Javascript

jQuery UI 应用不同Theme的办法

2010/09/12 Javascript

用jQuery获取IE9下拉框默认值问题探讨

2013/07/22 Javascript

jquery及原生js获取select下拉框选中的值示例

2013/10/25 Javascript

jquery对ajax的支持介绍

2013/12/10 Javascript

Nodejs学习笔记之入门篇

2015/04/16 NodeJs

javascript截取字符串小结

2015/04/28 Javascript

javascript封装 Cookie 应用接口

2015/08/07 Javascript

JS实现数组去重方法总结(六种方法)

2017/07/14 Javascript

微信小程序实现自上而下字幕滚动

2018/07/14 Javascript

vue实现文件上传功能

2018/08/13 Javascript

从零开始实现Vue简单的Toast插件

2018/12/03 Javascript

JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析

2020/02/12 Javascript

vue实现登录拦截

2020/06/29 Javascript

openlayers4实现点动态扩散

2020/08/17 Javascript

[03:26]回顾2015国际邀请赛中国区预选赛

2015/06/09 DOTA

Python NumPy库安装使用笔记

2015/05/18 Python

Python中的os.path路径模块中的操作方法总结

2016/07/07 Python

Pandas GroupBy对象索引与迭代方法

2018/11/16 Python

Python实现判断一个整数是否为回文数算法示例

2019/03/02 Python

Python3的高阶函数map,reduce,filter的示例详解

2019/07/23 Python

Python使用PyQt5/PySide2编写一个极简的音乐播放器功能

2020/02/07 Python

Pytorch mask_select 函数的用法详解

2020/02/18 Python

基于Python爬取51cto博客页面信息过程解析

2020/08/25 Python

python 实现批量图片识别并翻译

2020/11/02 Python

html5服务器推送_动力节点Java学院整理

2017/07/12 HTML / CSS

HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码

2018/03/02 HTML / CSS

PHP面试题集

2016/12/18 面试题

C有＂按引用传递＂吗

2016/09/06 面试题

致接力运动员广播稿

2014/02/17 职场文书

最新优秀教师个人先进事迹材料

2014/05/06 职场文书

大专生求职信

2014/06/29 职场文书

私用公车造成事故检讨书

2014/11/16 职场文书