jQuery セレクターがどこにでもある時代に、そのパフォーマンスを理解できないでしょうか?_jquery

最近、私は jQuery セレクターの使用についていくつかの小さな実験を行い、jQuery のさまざまなセレクターのどれがより効率的で、さまざまな状況で使用する価値があるかを示しました。

まず、Google が提供する jquery ファイルとテスト用の小さなプラグイン firejspt を各テスト ページの先頭に導入します。

コードをコピー コードは次のとおりです:

は、テストは次のとおりです:

コードをコピー

コードは次のとおりです: function ilianTest01( ){ $('#ilian > li').click(function() {alert('Hello World'); }); }

function ilianTest02(){

$( '#ilian').children('li').click(function() {alert('Hello World'); });
}

/*テスト用に 2 つの関数を呼び出します*/
$(function(){
jspt.test(function(){ ilianTest01(); });
jspt.test(function(){ ilianTest02(); });
}) ;


テスト結果:

子セレクターは、直接の子タグ シンボル セレクターよりも優れていることがわかります。
記事の長さに制限があるため、この記事では最も基本的なテストのみを示しており、上記のテストはすべて単純な環境でテストされたものであり、テスト結果は絶対的な結論を示すものではありません。