jQuery 选择器：获取子集的哪个更快？答案

【问题标题】：jQuery Selectors: Which is faster for grabbing a subset of children?jQuery 选择器：获取子集的哪个更快？
【发布时间】：2011-04-23 19:28:20
【问题描述】：

跟进this 问题，我有以下两个选择：

$("tr td").slice(3, 6);

可能是这样的（从算法上讲，我的意思是；我知道为每个元素创建新的查询字符串有点傻）：

var subset = $( "tr td:nth-child(4)" );
for(var i=4; i<7; i++) subset.add( "tr td:nth-child("+i+")" );

哪个执行效率更高？还有其他更有效的解决方案吗？

【问题讨论】：

【解决方案1】：

第一个 ($("tr td").slice(3, 6)) 会执行得更快，因为它是一个单一的选择器引擎调用，但一如既往地测试它！

我设置了一个性能测试，因此您可以在这里自己检查这两个（和其他答案）：http://jsperf.com/slice-performance-test

【讨论】：

【解决方案2】：

在第一个代码中，您计算一次$('tr td') 并获得一个切片。

在第二个代码中，您计算 $('tr td') 4 次，然后每次提取第 4 到第 7 个孩子。

因此第一个代码更快。事实上，它也更容易阅读。

【讨论】：