JQuery实现点击div以外的位置隐藏该div窗口
2014-07-28 15:02
393 查看
简单示例代码:
<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>
</html>
更多:/article/1254380.html
<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>
</html>
更多:/article/1254380.html
相关文章推荐
- JQuery实现点击div以外的位置隐藏该div窗口
- JQuery实现点击div以外的位置隐藏该div窗口
- JQuery实现点击div以外的位置隐藏该div
- jquery 点击div 以外窗口隐藏的方法
- jQuery实现鼠标点击div外的地方div隐藏消失的效果
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- jQuery实现点击div外的区域,来隐藏它自身
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery实现点击展开div,再点击div隐藏
- Android 点击editview以外位置实现隐藏输入法
- jQuery实现点击其他地方div隐藏
- angularjs实现点击图标显示div,点击div以外的区域隐藏div
- JQuery 点击DIV以外的元素隐藏DIV
- jQuery实现点击其它地方隐藏该div
- jQuery实现鼠标点击div外的地方div隐藏
- jQuery点击按钮实现div的隐藏和显示切换效果
- jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。
- jQuery实现鼠标点击Div区域外隐藏Div
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jquery 实现点击其他地方隐藏之前点击显示的div标签等