jquery - How can I change the css of this when I click on anything but this?

Question

I am attempting to change the css of menu items by clicking anywhere else on the screen. This is to reset they're css properties after already clicking on them and changing the css from they're defaults.

If I have a list item with id="linkitem" how to I click on anything but #linkitem to change the css of it.

Thanks

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");
}