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 test我刚刚创建的$('div > p')大约快了两倍。我不认为这两个选择器在它们返回的元素上有所不同，所以第一个可能更合适，至少从性能的角度来看。

Answer 2

对于这种情况，

$('div > p')更好更快

有了这个你正在解析dom一次找到你的选择器。

在另一种情况下，你要解析它两次：一个用于查找div元素，另一个用于在div中找到p元素