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()将选择所有匹配的后代元素（即孩子，孩子的孩子等等），而>是直接子选择器（即，它将获取直接子项）。