js单击显示元素，点击元素本身以外隐藏元素
<!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单击显示元素，点击元素本身以外隐藏元素 - 前端开发
为您推荐
您可能还会对这些文章感兴趣
2016-12-21五个典型的 JavaScript 面试题
在IT界，需要大量的 JavaScript 开发者。如果你的能力能够胜任这一角色，那么你将获得许多更换工作和提高薪水的机会。但是在你被公司录取之前，你需要展现你的技术实力，以便通过...
2016-12-20JavaScript 字符串常用操作
JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种不同 ...
2016-12-15js验证固定电话手机号码
规则的国内固定电话和传真的格式基本都是带有0的区号+连接符“-”＋电话号码，另外还有可能有分机号，区号有3位、4位，电话号码有7位和8位的；其它格式的有前面不带0的，或者不带连...
2016-12-15js去除重复并统计数量方法
首先点击按钮触发事件，然后用class选择器，迭代要获取的文本（这里最好用text()方法）加入到Array()集合里。然后创建一个map{},遍历Array()集合，取一个值作为map的key,然后判断...
2016-12-1510分钟让你的javascript登峰造极
javascipt被称作前端的灵魂，没法灵活运用它，你的前端就只是一具行死走肉。大多初学者能顺利度过div+css，然后倒在了js怀抱，即时跨过了这一关，也只是会用，其底层原理一概不知...
2016-12-15JavaScript禁止a标签超链接点击
JavaScript禁止a超链点击，我们都知道让a超链接点击后不跳转,可以用href = “#”，但是这个#就会锚点到页面最上边，点击链接后不跳转可以在它后面加JavaScript点击事件 ...
2016-07-01利用新浪api接口查询判断IP和地区信息
大家平时经常能看到分类信息网站中能自动判断用户所在的地理位置，以前有一种很笨的方法就是把各地的数据段输入数据库或者一个文档中，通过查询判断用户的地理位置。当然这里的ip...
2015-10-26js根据IP地址判断城市
var province = '' ; var city = '' ; jQuery.getScript("http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js",function(){ province = remote_i...
2014-11-25常用JS验证和函数
下面是我常用一些JS验证和函数，有一些验证我直接写到了对象的属性里面了，可以直接通过对象.方法来调用 //浮点数除法运算 function fdiv(a, b, n) { if (n == undefined)...
2014-11-25兼容IE浏览器的js浏览器全屏代码
众所周知，IE是个奇葩的浏览器，但是由于用户量很大，开发者还是不得不为IE考虑一下，于是，各种浏览器相关的操作，都要多一个特别的判断——专门针对IE浏览器的判断，这里的全屏也...
猜你喜欢
大家正在看
- jQuery仿淘宝店铺浮动层上下滚动固定效果插件
- 我的htaccess屏蔽恶意蜘蛛、wordpress伪静态、301跳转、防盗链代码
- jQuery $.each的使用方法
- 【wifi display】Android WifiDisplay分析二：Wifi display连接过程
- iOS使用UIScrollView实现无限循环轮播图
- 原生js仿jquery class选择器和sibling方法
- Android 性能优化&内存篇
- jQuery图片左右滚动和jquery图片左右连续滚动
- linux数据库调优，WordPress MySQL占用cpu高数据库优化
- jquery回到顶部插件
- 15条JavaScript最佳实践
- 简单的jquery模拟百分比进度条
- javascript构造函数返回值
- jquery滚动新闻公告效果