jquery - jQueryで子要素を見つけるためのより速い方法はどれですか?

Question

親コンテナ内でいくつかの異なる子要素を操作する必要があるとしましょう。その場合、どの方法がより高速で効率的ですか?

var par = $("#parent");
$("child1",par).doSomething();

OR

par.find("child1").doSomething();

OR

par.children("child1").doSomething();

Answer 1

findとchildrenを比較すると、最も速いのは

par.children("child1").doSomething();

children は要素の直接の子ノードのみを検索するのに対しfind、DOM 要素全体を検索するためです。

Answer 2

findとchildrenの間で最も速いのは

par.children("child1").doSomething();

children名前が示すように、子ノードのみをfind検索するのに対し、子孫 (孫など) までずっと検索するためです。

Answer 3

@Arun が選択したように、id セレクターを直接使用できます。また、id を持つ any 要素内にクラス セレクターが存在する場合は、次のように使用できます。

$("#id-selector").find(".class-selector");