JQuery实现点击div以外的位置隐藏该div窗口
2013-09-13 00:00
671 查看
jquery实现鼠标点击div外的地方div窗口隐藏消失的
<!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://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>
class="bigPic"的div是被显示或隐藏的div,另外.case > ul > li是class="bigPic"的父级元素 $("body").bind("click",function(evt){ if($(evt.target).parents(".case > ul > li").length==0) { $('.bigPic').hide(); } });
相关文章推荐
- JQuery实现点击div以外的位置隐藏该div窗口
- JQuery实现点击div以外的位置隐藏该div窗口
- JQuery实现点击div以外的位置隐藏该div
- jquery 点击div 以外窗口隐藏的方法
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery实现鼠标点击Div区域外隐藏Div
- Android 点击editview以外位置实现隐藏输入法
- jquery实现点击div空白处隐藏该div
- jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。
- jQuery实现点击展开div,再点击div隐藏
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery实现点击其他地方div隐藏
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- 使用jquery点击一个实现button或连接,进行以下div显示,在点击隐藏
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- 点击页面任何位置隐藏div的实现方法
- jQuery实现鼠标点击div外的地方div隐藏消失的效果
- JQuery 点击DIV以外的元素隐藏DIV
- jQuery点击div以外的地方隐藏div