javascript - jQuery を使用した DOM トラバース - パフォーマンス ヒットはありますか?

Question

現在、300 以上のアイテムをページに読み込んでフィルタリングしています。現在のページとフィルタリングの負荷はひどいものです。

コードを調べた後、最初に ID を参照していないことに気付きました。例えば：

$('.item > input:checked','#container')

現在、このアプローチは、私の JS ファイル全体で常に使用されています。

以下はパフォーマンスを向上させますか？

$('#container > .drop-content > .item > input:checked')

そうでない場合、これを改善するための最良の方法は何ですか?

皆さんありがとう。

Answer 1

と の間にはかなりの違いが$('.block a')あり$('.block').find('a')ます。

トラバースするための jQuery メソッドはたくさんあります。それらを使用すると、複雑なセレクターよりもパフォーマンスの点ではるかに優れています。