您的位置：首页 > Web前端 > JQuery

JQuery实现点击div以外的位置隐藏该div窗口

2013-09-13 17:42 519 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 点击div以外隐藏该div

相关文章推荐

新的分享

章节导航