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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM