jquery 點擊特定元素以外任意地方隱藏該元素


辦法一:

第一,先實現點擊任何地方都隱藏該元素(假設id="bar")

$(document).click(function(){
$("#bar").hide();

});

第二,點擊特定元素不隱藏


那么bar也屬於document,點擊bar也會讓自己隱藏,顯然這不是想要的,這時候要阻止冒泡事件,即document的事件對bar無效


$("#bar").click(function(event){
    event.stopPropagation();
});

辦法二:

 

$(document).click(function(e){

   if  ($(e.target).find( '.select_box' ).length !== 0 ){
   // 如果 你點擊的這個元素 里面包含 select_box (也就是查找出來的dom 數量不是0)
  // 就執行你需要隱藏的方法  當你點擊的元素是select_box 或者他里面的元素 時候,
  // 里面肯定不會 包含 select_box  也就不會執行 隱藏的方法
     if ($( ".option" ).css( 'display' )== 'block' ){
             $( ".option" ).hide();
         }
   }
     
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM