基于jquery点击自以外任意处,关闭自身的代码


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");
}
});
});



相关阅读:
js实现页面打印功能实例代码(附去页眉页脚功能代码)
.NET中的Parameters
把vbscript发挥到它的极限应用之一(数组)!!!
抠出Windows 2003中的IIS6安装程序
用MySQL函数清除字符串首尾空白字符的方法
用CSS3伪类target如何制作tab选项卡效果
Linux文件系统x挂载工具--autofs介绍
500内部错误,asp日志报告“不允许的父路径”
ubuntu下无法用date函数设置时间的问题解决
Windows Server 2008 SP2即将发布
WordPress教程:query_posts()
HTML5中 b 和 i 标签将语义化
php中三个生成随机密码的方法对比
Fedora Linux系统中NTFS分区挂载的方法
快速导航

Copyright © 2016 phpStudy |