jquery - 直接イベントを使用してイベントを適用する場合と直接イベントを使用する場合のパフォーマンスの違いはありますか

Question

最近、私はjqueryプロジェクトに取り組んでおり、次のような直接イベントを使用すると

$('.selector').click(function(){
});

完璧に機能しますが、ページの部分的なポストバックまたは動的コンテンツの場合、次のように.onを使用する必要があり ます

$('body').on('click','.selector',function(){

});

ここで私の質問は、静的コンテンツと動的コンテンツの両方での作業に関するものです。click

.onにパフォーマンス上の問題はありますか

Answer 1

.on にパフォーマンス上の問題はありますか

にパフォーマンス上の問題はありません.on。実際、最初の例は次のショートカットにすぎません。

$('.selector').on('click', function(){ 

あなたが言う違いは、$('body').onまだDOMにない要素のイベントをデリゲートに使用することです。これは当然ブラウザからより多くの作業を必要とします。ドキュメントまたは本文で委任が必要な場合はそれを使用し、そうでない場合は別の方法を使用します。