jQuery 奇数 : CSS or jQ selector?

Question

有两种简单的方法可以使用 jQuery 选择表中的奇数行，即使用 :odd 过滤器或 :nth-child(odd) 选择器；

$('table tr').filter(':odd')
$('table tr:nth-child(odd)')

每种方法的优点和缺点是什么？主要想知道执行速度和浏览器支持方面。

Answer 1

第一个使用 .filter(':odd') 的方法很可能较慢，因为它使用了额外的方法调用并且使用了非标准选择器。 jQuery 必须处理这种情况下的所有事情。

在实现 Selectors API 并支持 :nth-child() 伪类的现代浏览器中，第二种方法可能会更快，因为您给定的选择器是有效的 CSS，因此选择器将由现代浏览器的选择器引擎而不是 jQuery 进行评估。不过，在其他浏览器中，我不知道，但我仍然打赌第二种方法的效率会更高一些，因为至少少了一次方法调用。

无论哪种方式，这两种方法都没有真正(实际)的优点或缺点。事实上，我只是从理论上回答 - 我实际上没有任何基准来支持任何内容。也无需担心浏览器兼容性，因为 jQuery 无论如何都会为旧版浏览器填充 :nth-child() 选择器。