jQuery实现鼠标点击div外的地方div隐藏消失的效果
2013-12-03 17:17
741 查看
css部分:
<style type="text/css">
.pop { width:200px; height:130px; background:#080;}
</style>
样式与JS部分:
<body>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.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>
<style type="text/css">
.pop { width:200px; height:130px; background:#080;}
</style>
样式与JS部分:
<body>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.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>
相关文章推荐
- jQuery实现鼠标点击div外的地方div隐藏
- jQuery点击按钮实现div的隐藏和显示切换效果
- jQuery实现点击其他地方div隐藏
- jQuery实现鼠标点击Div区域外隐藏Div
- jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- jQuery实现点击其它地方隐藏该div
- jQuery实现点击其他地方div隐藏
- jquery 点击页面其他地方实现隐藏菜单功能
- jquery实现点击div空白处隐藏该div
- JQuery实现点击div以外的位置隐藏该div窗口
- jquery点击页面任何区域实现鼠标焦点十字效果
- jQuery 实现点击页面其他地方隐藏菜单
- CSS实现DIV感应鼠标Hover时的显示隐藏效果
- jQuery实现点击div外的区域,来隐藏它自身
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
- jquery点击页面任何区域实现鼠标焦点十字效果
- 由点击页面其它地方隐藏div所想到的jQuery的delegate