javascript - jsのタブスイッチ、どちらが速いですか?

Question

私は常にすべての兄弟の「現在の」クラスを移動し、クリックしたクラスに「現在の」クラスを追加します。「current」を持つ「current」クラスのみを削除した方が速いかどうか知りたいのですが、簡単な質問のようですが、本当に知りたいです。

Answer 1

はい、チェックする要素が少ないため、クエリをより小さな要素のセットにフィルター処理すると、実行が速くなります。

最新のブラウザーでは、jQuery はネイティブ メソッドを使用して DOM をクエリするため、セレクターを追加してもパフォーマンスへの影響はほとんどありません。

Answer 2

「電流」は一つしかないので、大きな違いはないと思います。1 つ多い要素または 1 つ少ない要素を照会することは、それほど重要ではありません。

通常、最初に外側の要素を見つけて絞り込みます

$('#selectionDiv').find() ....

Answer 3

再分類する要素の数に応じて、最適化の影響はもちろん異なります。

http://jsperf.com/reclassing-all-or-oneをテストしましたが、7 つの (たとえばナビゲーション タブでは妥当と思われる) div を使用しましたが、その差は大きかったと思います (すべての再分類は 1 つだけよりも 30% 遅くなります)。パーセンテージで。実際の時間を気にするならそうではないかもしれませんが、はっきりしない理由は本当にわかりません。