使用jQuery隐藏元素;我应该使用哪种方法？为什么？

Question

这两种方法有什么区别？

$("div span").hide();

$("div > span").hide();

对绩效有何影响？

Answer 1

第一个会隐藏<span>下任何位置找到的所有<div>。第二个只会隐藏<span>的直接子项<div>。

jQuery child-selector

Answer 2

在性能方面，它可能取决于确切的HTML，但我发现div > span选择器在此jsperf test中的速度提高了约30％。这可能是因为它只需要查看每个div的子节点而不是整个DOM。

但是，在大多数情况下，速度差异可能还不够。