jquery – 我应该使用.find(“.foo .bar”)或.children(“.foo”).children(“.bar”)？

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

它们不是等价的,我将在下面解释,但如果调整它们以匹配,.children()为速度,.find()为简洁(Sizzle内部的额外工作,为初学者解析),您决定哪个更重要.

第一个有不同的结果,但如果你知道他们是孩子,你可以这样做：

$("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是任何东西的直接子,而.bar是其直接的孩子,.find(“.foo .bar”)允许它们是任何级别的深度,只要.bar在.foo的后代.