jQuery第一级儿童选择器的最佳方式

Question

使用jQuery从祖先中选择某些孩子的最佳(最有效,最少CPU加载)方式是什么？

让我们假设我们有:

<div>
 <b>1</b>
 <p>2</p>
 <a>3</a>
 <p>2</p>
</div>

所以

$('div > p')

要么

$('div').children('p')

？

Answer 1

根据这个jsPerf测试,我刚创建的$('div > p')速度大约是原来的两倍.我不认为这两个选择器在它们返回的元素上有所不同,所以第一个可能更合适,至少从性能的角度来看.