본체에서 숨기기 exept item id = something

Question

사용자가 ID = 'menubutton'요소를 클릭 한 경우를 제외하고 어떻게 메뉴를 숨 깁니까?

$('body').click(function(event) { 
    $('#menu').hide(); 
    }); 

Answer 1

사용하지() 선택에 대한 일부 내용을 변경해야 할 수도 있습니다

$('body :not(#menubutton)').click(function(event) { 
    $('#menu').hide(); 
}); 

http://api.jquery.com/not-selector/

Answer 2

target 요소를 사용하십시오.

$('body').click(function(event) { 
    // If the element clicked doesn't have the id "menubutton" 
    if ($(event.target).attr('id') !== 'menubutton') { 
     $('#menu').hide(); 
    } 
}); 

Answer 3

$('body').click(function(event) { 
    // don't hide if the clicked element was #menubutton, 
    // or any element within #menubotton 
    if (!$(event.target).closest('#menubutton').length) { 
     $('#menu').hide(); 
    } 
}); 

Answer 4

$('body :not(div #menubutton)').click(function(event) { 
    $('#menu').hide(); 
}); 

jQuery Not()

을하지 않는 선택기() 귀하의 경우