javascript - ボディに非表示クリック例外アイテムID=何か

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（）

not（）のセレクターは、あなたのケースのためにいくつかの変更を必要とするかもしれません