jquery - jQuery not selector 不工作，怎么了？

Question

当用户单击文档中除具有 class ='reset_btn' 的 div 之外的任何位置时，我想提醒一些东西。我已经尝试过 not() 和 :not(selector) 但它们不起作用。

这是我的代码。

$('document').not('.reset_btn').click(function(){
   alert('Something');
});

我在JSFiddle创建了一个演示。在演示中，他们不会发出任何警报。当我点击 div 外的任何区域时它应该会发出警报，当我点击 div 区域时它不应该发出警报。

有什么建议吗？非常感谢你。

score 3 · Accepted Answer

$('document')不是有效的选择器，因为没有document标签名称。您可以改为使用$(document)，这将使用document element，但这里不需要。直接使用:not()即可：

$(':not(.reset_btn)').click(function(){
   alert('Something');
});

为了进一步优化这一点，您应该使用事件委托：

$(document).on('click', ':not(.reset_btn)', function(){
   alert('Something');
});

score 2 · Accepted Answer

您可以使用on将事件委托给文档。

$(document).on("click", ':not(.reset_btn)').click(function(){
   alert('Something');
});

2 回答 2