jquery パフォーマンスのベスト プラクティスに関するディスカッションとアドバイスの求め方_jquery

その理由は、テスト時に間違った変数を導入したためです。詳細については、画像の $(parentID > childClass) を確認して、2 つの文字を直接比較し、サイズを変更します。
html5 中国語 Web サイトの QQ グループの「Missing Cupid」に感謝します。

3 番目のポイントでは、親要素と子要素の関係について言及し、親要素から子要素を選択するユースケースについて言及しています。

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

$('.child', $parent)
$parent.find('.child')
$parent .children( '.child')
$('#parent > .child')
$('#parent .child')
$('.child', $('#parent' ))

与えられたテスト ケースでは、確かに jquery の find メソッドを使用するのが最も高速ですが、わずかな変更を加えた後、別の結果 $('#parent > .child') が得られました。

著者のユースケースでは、オブジェクト $('#parent') が直接キャッシュされますが、dom の id 属性と class 属性を定数として定義してテスト ケースに渡すと、上記のことが表示されます。別の結果。
作成者の元のテスト ページ: http://jsperf.com/bell-selector
結果のスクリーンショット:

変更されたテスト ページ: http://jsperf.com/bell- selector/2
結果のスクリーンショット:


同時に、実際の環境から取り出したコード スニペットに対して行ったテストも示します。 $( '#parent > . child') が最も速い方法です。
テスト ページ: http://jsperf.com/findchildren
結果のスクリーンショット:

上記の結果のスクリーンショットからわかるように、私が与えた 2 つのテスト結果は明らかに大なり符号セレクターのパフォーマンスが向上します。

この記事をご覧になった方、詳しい方、ご説明をお願いいたします。記事内のその他の点はすべて良い点です。
記事: http://www.jb51.net/article/28056.htm

時間と条件があれば誰でも、上記の各操作をデバッグできます。詳細なプロセス手順。このプロセスをデバッグする時間ができる前に、手元のプロジェクトが完了するまで待つ必要があります。