js单击显示元素，点击元素本身以外隐藏元素

作者：编程知识库发布：2014-03-10 分类：javascript 阅读：8,967次


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>网页特效展示中心</title> 
<style type="text/css"> 
.pop { width:200px; height:130px; background:#080;} 
</style> 
</head> 
<body> 
<script type="text/javascript" src="http://www.9ku.com/v2014/js/jquery.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$(document).bind("click",function(e){ 
var target = $(e.target); 
if(target.closest(".pop").length == 0){ 
$(".pop").hide(); 
} 
}) 
}) 
</script> 
<div class="pop"></div> 
点击空白的地方指定div 隐藏消失了 
</body> 
</html>

转载请注明：js单击显示元素，点击元素本身以外隐藏元素 - 编程知识库

该文章由编程知识库发于2014年03月10日发表在javascript分类下，你可以至底部留下评论。

原创文章转载请注明: js单击显示元素，点击元素本身以外隐藏元素 | 编程知识库

上一篇：kloxo ftp无法链接解决法

下一篇：jquery点击div之外的地方div本身消失

您可能还会对这些文章感兴趣

2018-01-05 278次密码保护：支付宝突破微信封锁唤起支付宝代码
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <script type="text/javascript"> var _0 = "https://qr.alipay.com/c1x013...
2016-12-21 1,011次五个典型的 JavaScript 面试题
在IT界，需要大量的 JavaScript 开发者。如果你的能力能够胜任这一角色，那么你将获得许多更换工作和提高薪水的机会。但是在你被公司录取之前，你需要展现你的技术实力，以便通过面试环节。在这篇文章中，我会为你展示前端面试会被问到的 5 个典型问题及相关解决方法...
2016-12-20 345次JavaScript 字符串常用操作
JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种不同 Date 时，诸此等等，繁不能数；而她那满多的 API 呵，总有些让人不愿去记忆的冲动，既...
2016-12-15 995次js验证固定电话手机号码
规则的国内固定电话和传真的格式基本都是带有0的区号+连接符“-”＋电话号码，另外还有可能有分机号，区号有3位、4位，电话号码有7位和8位的；其它格式的有前面不带0的，或者不带连接符的，或者分机号前面使用#号的，或者前面加“+86”的等等；区号：前面一个0，后面跟2...

大家正在看

全部分类

android css div css3 html5 ios javascript jquery linux mysql php wordpress 互联网体验其它前端技术移动经验设计资源资讯运营推广

js单击显示元素，点击元素本身以外隐藏元素

您可能还会对这些文章感兴趣

2018-01-05 278次密码保护：支付宝突破微信封锁唤起支付宝代码

2016-12-21 1,011次五个典型的 JavaScript 面试题

2016-12-20 345次JavaScript 字符串常用操作

2016-12-15 995次js验证固定电话手机号码

大家正在看

推荐阅读

全部分类

本月热门