javascript - jQuery on（）メソッド-パフォーマンスにはどちらの方法が適していますか？

Question

on（）イベントをドキュメントに添付するか、より近い親に添付する方がよいですか？

注：当初、この質問には別の側面と別のトピックがありました。それは本当にすぐに時代遅れになりました（ソースコードのタイプミス）

Answer 1

jQuery を使用したパフォーマンスの最適な鍵はid、初期識別子として を使用することです。例えば：

$('#my_id').on('click', 'tag.my_class', function () {
    ...
});

これにより、jQuery はコンテナーに直接アクセスし、そこからトロールを開始できます。

Answer 2

「on」イベントを最も近い親にバインドすると、探しているものが正確に生成されます。クリック機能は、ドキュメントに追加されても正常に機能しますが、将来、「クリック可能」クラスの要素を追加すると、バインドされています。そのため、ドキュメント全体ではなく、最も近い親に「on」イベントを追加することを常にお勧めします。

より具体的にしたい場合は、使用できます

$("ul.media-grid").on('click', 'li.clickable', function () {
  alert("works")
});

クラス「メディアグリッド」でulを取得し、クラス「クリック可能」でイベントをliに追加するため