jquery - 我应该使用 .find (".foo .bar") 还是 .children (".foo").children (".bar")？

Question

当使用 jQuery 进行 DOM 遍历时，这两种方法都会返回相同的结果(我相信):

$("whatever").find(".foo .bar")
$("whatever").children(".foo").children(".bar")

哪个更适合使用？

Answer 1

它们并不等同，正如我将在下面解释的那样，但如果调整它们以匹配，.children()对于速度，.find()为了简洁起见(Sizzle 中的额外工作，为初学者解析此内容)，您可以决定哪个更重要。

第一个有不同的结果，但如果你知道他们是 child ，你可以这样做:

$("whatever").find("> .foo > .bar")
//equal to...
$("whatever").children(".foo").children(".bar")

这相当于你的第二个函数。目前，您所拥有的第一个会发现:

<whatever>
  <div class="foo">
    <span>
     <b class="bar">Found me!</b>
    </span>
  </div>
</whatever>

第二个不会，它要求 .foo 是 whatever 和 .bar 的直接子级作为其直接子级，.find(".foo .bar") 允许它们为任何深度，只要 .bar code> 在 .foo 的后代中。