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