基于jquery点击自以外任意处，关闭自身的代码
更新时间：2012年02月10日 17:29:16 作者：
主要功能是点击显示，然后通过点击页面的任意位置都能关闭显示效果，主要是$(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");
}
});
});
相关文章
在使用$(#id).attr(color) 获取颜色的时候，ie和ff是不同的，下面有个示例，大家可以参考下2014-03-03
本篇文章主要是对jquery获得keycode的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了从如何写JQuery插件，需要注意的事项，还有必须要做的步骤，看过这个文章相信你会明白如何写好一个JQuery插件2013-11-11
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码（带平滑移动的效果）
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了2011-05-05
在全球访问量最高的前1000个网站中，几乎没有不用jQuery的。如今jQuery的力量是无限强大。2011-04-04
通过jquery.cookie.js实现记住用户名、密码登录功能
这篇文章主要介绍了通过jquery.cookie.js实现记住用户名、密码登录功能,通过Cookies让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；具体实现过程大家通过本文一起看看吧2018-06-06
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
这篇文章主要介绍了jQuery实现的指纹扫描效果,以完整实例形式分析了jQuery实现图像按照指定模式显示的相关实现技巧,并附带附示例演示与demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
这篇文章主要为大家分享了一份全面详细的jQuery常见开发技巧手册，帮助大家更好的进行jquery开发，感兴趣的小伙伴们可以参考一下2016-02-02
大部分jQuery插件都是这种类型的插件，由于这种插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器优势2012-09-09
这篇文章主要为大家详细介绍了jquery zTree异步加载简单实例，ztree采用了延迟加载技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀，感兴趣的小伙伴们可以参考一下2016-02-02
最新评论