jQuery实现鼠标点击div外的地方div隐藏消失的效果

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>

 

posted @ 2013-12-03 17:17  蛋蛋的小家  阅读(8163)  评论(0编辑  收藏  举报