CSS 或 jQuery 选择器？ [关闭]

Question

假设有以下 HTML：

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

在#test div 中选择span 有两种方法

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

$('#test > .testSpan');

和

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

就速度、浏览器兼容性或其他方面而言，以下哪种方式最优化？

还是没有区别？

Answer 1

如果您会看到JSPERF test，那么您会发现.find() 绝对是更好更快的方法。

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