jquery - これ以外をクリックしたときに、これの css を変更するにはどうすればよいですか?

Question

画面の他の場所をクリックして、メニュー項目の css を変更しようとしています。これは、すでにそれらをクリックしてcssをデフォルトから変更した後、cssプロパティをリセットすることです。

方法が記載されたリスト項目がある場合は、その css を変更するid="linkitem"以外の方法でクリックします。#linkitem

ありがとう

Answer 1

$('li').not('#linkitem').click(function(){
    //change css here
});

そして、この動作を示すフィドル

そして jQuery.not() のドキュメント

Answer 2

ネガティブセレクターが必要です

$(':not(#linkitem)').click(function(){
    //insert code here
});

Answer 3

$('body').on('click', function(e) {
    if(e.target.id === 'linkitem'){
       // Do something
    }
    else {
       // something else
    }
});

Answer 4

$(document).on('click', function(e) {
    if ( ! $(e.target).closest('#linkitem').length ) {
        // you clicked anywhere but on an element inside #linkitem (or itself)
        $('#linkitem').css('color', 'red');
    }
});

Answer 5

私はあなたが何を意味するのか分かりませんが、あなたは簡単に行うことができます:

$(":not(#linkitem)").on('click',function(){
    alert("I was callled");
}