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

js 页面输出值

Nov 30 Javascript

JavaScript 学习点滴记录

Apr 24 Javascript

jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)

Jan 15 Javascript

js 获取class的元素的方法以及创建方法getElementsByClassName

Mar 11 Javascript

关于query Javascript CSS Selector engine

Apr 12 Javascript

js中AppendChild与insertBefore的用法详细解析

Dec 16 Javascript

jQuery在ul中显示某个li索引号的方法

Mar 17 Javascript

浅析jQuery移动开发中内联按钮和分组按钮的编写

Dec 04 Javascript

IntelliJ IDEA 安装vue开发插件的方法

Nov 21 Javascript

ajaxfileupload.js实现上传文件功能

Apr 19 Javascript

vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）

Oct 15 Javascript

在vue项目中实现定义全局变量全局函数操作

Oct 26 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数据缓存技术

2007/02/14 PHP

Codeigniter出现错误提示Error with CACHE directory的解决方案

2014/06/12 PHP

php实现最简单的MVC框架实例教程

2014/09/08 PHP

php常用hash加密函数

2014/11/22 PHP

PHP rsa加密解密使用方法

2015/04/27 PHP

thinkphp多层MVC用法分析

2015/12/30 PHP

PHP中STDCLASS用法实例分析

2016/11/11 PHP

php中引用符号(&)的使用详细介绍

2016/12/06 PHP

判断页面是关闭还是刷新的js代码

2007/01/28 Javascript

Flash+XML滚动新闻代码无图片附源码下载

2007/11/22 Javascript

jquery ajax提交表单数据的两种方式

2009/11/24 Javascript

html+javascript实现可拖动可提交的弹出层对话框效果

2013/08/05 Javascript

node.js中的fs.writeFile方法使用说明

2014/12/14 Javascript

JavaScript阻止浏览器返回按钮的方法

2015/03/18 Javascript

jQuery实现垂直半透明手风琴特效代码分享

2015/08/21 Javascript

对js eval()函数的一些见解

2016/08/15 Javascript

Bootstrap3 Grid system原理及应用详解

2016/09/30 Javascript

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

2016/12/21 Javascript

js判断是否是手机页面

2017/03/17 Javascript

详解vue事件对象、冒泡、阻止默认行为

2017/03/20 Javascript

详解ES6 Fetch API HTTP请求实用指南

2018/11/14 Javascript

VUE.CLI4.0配置多页面入口的实现

2019/11/25 Javascript

JS 创建对象的模式实例小结

2020/04/28 Javascript

Python中创建字典的几种方法总结(推荐)

2017/04/27 Python

Python中实例化class的执行顺序示例详解

2018/10/14 Python

python中的句柄操作的方法示例

2019/06/20 Python

基于Python下载网络图片方法汇总代码实例

2020/06/24 Python

使用CSS3的rem属性制作响应式页面布局的要点解析

2016/05/24 HTML / CSS

突袭HTML5之Javascript API扩展3—本地存储全新体验

2013/01/31 HTML / CSS

html5 跨文档消息传输示例探讨

2013/04/01 HTML / CSS

铁路个人事迹材料

2014/01/30 职场文书

采购类个人求职的自我评价

2014/02/18 职场文书

质检部经理岗位职责

2014/02/19 职场文书

初中差生评语

2014/12/29 职场文书

上课睡觉万能检讨书

2015/02/17 职场文书

教师文明餐桌光盘行动倡议书

2015/04/28 职场文书