哪个是在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();

因为子项只查找元素的直接子节点，而find查找整个DOM元素。

Answer 2

您可以直接使用id选择器@Arun选择。如果你在任何具有id的元素中都有任何类选择器，你可以这样使用，

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

Answer 3

find和children之间的最快时间是

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

因为children顾名思义只查找子节点，而find看起来一直是后代（孙子等等）。