CSS或jQuery选择器？

Question

我们说有以下HTML：

<div id="test">
   <span class="testSpan"></span>
</div>

有两种方法可以在span div

中选择#test

（我知道我可以直接选择范围，但这不是问题的重点）：

$('#test > .testSpan');

和

$('#test').find('.testSpan');

在速度，浏览器兼容性或其他方面，哪种方式最优？

或者没有区别？

Answer 1

如果你会看到这个JSPERF test，那么你会发现.find()肯定是更好更快的方式。

实际上.find()将选择所有匹配的后代元素（即子项，子项的子项等等），而>是直接子项选择器（即，它将直接获取子）。