jquery - jQuery not selector が機能していません。何が問題なのですか?

Question

class = 'reset_btn' を持つ div 以外のドキュメント内の任意の場所をクリックしたときに、何かを警告したいと思います。not() と :not(selector) の両方を試しましたが、機能しません。

これは私のコードです。

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

JSFiddleでデモを作成しました。デモでは、彼らは何も警告していません。div の外側の領域をクリックすると警告が表示され、div 領域をクリックしても警告されません。

なにか提案を？どうもありがとうございました。

Answer 1

$('document')documentタグ名がないため、は有効なセレクターではありません。代わりに$(document)、document 要素を使用するを使用することもできますが、ここでは必要ありません。:not()直接使用するだけです：

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

---

これをさらに最適化するには、イベント委任を使用する必要があります。

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

Answer 2

onを使用して、イベントをドキュメントに委任できます。

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