javascript - 隐藏在身体点击 exept 项目 id = something

Question

除非用户单击 ID = 'menubutton' 的元素，否则如何隐藏菜单？

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

Answer 1

使用 not() 选择器

$('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() 的选择器可能需要针对您的情况进行一些更改