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

您可以直接使用 id 选择器，就像 @Arun 选择的那样。如果你有任何类选择器存在于任何带有 id 的元素中，你可以像这样使用，

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

Answer 3

find和children之间最快的是

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

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