基于jquery点击自以外任意处，关闭自身的代码
发布时间：2013-06-03 编辑：jiaochengji.com
主要功能是点击显示，然后通过点击页面的任意位置都能关闭显示效果，主要是$(document).click的作用
主要功能是点击显示，然后通过点击页面的任意位置都能关闭显示效果，主要是$(document).click的作用
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");
}
});
});
复制代码 代码如下:
<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点击自以外任意处，关闭自身的代码
jQuery点击自身以外地方关闭弹出层的简单实例
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
windows下PHP实现定时执行脚本的实现方法
jQuery代码优化 事件委托篇
jQuery语法总结和注意事项小结
jquery 指南/入门基础
jQuery技巧总结
jquery $.fn $.fx是什么意思有什么用
jQuery 技巧大全(新手入门篇)
[关闭]