javascript - 获取此 : $($ (".answer")[0]) 的最合适方法

Question

假设我想获取“.answer”类所有元素中的第一个元素

$($(".answer")[0])

我可以做到以上几点，但优雅和速度之间的最佳平衡点是什么？

*更改问题以反射(reflect)当前的讨论

Answer 1

我不能说优雅方面，但这里的性能方面实际上可以产生巨大的差异。

看起来，from a set of JavaScript testing ，您的原始方法实际上是最有效的方法，并且与接受的答案链接的假设相反，非 CSS Sizzle 选择器的效率往往远低于方法选择器。这是有原因的。 $('.answer') 可以使用浏览器原生的 getElementsByClass() 而无需手动遍历结果。 :first 选择器使事情变得复杂。在这种情况下，使用嘶嘶声选择器似乎会使选择速度减慢 4-5 倍。

我认为，对于 jQuery，性能应该胜过优雅，并且所有证据(到目前为止我测试过的每一个浏览器!)似乎都表明 OP 的不优雅的解决方案是相当快的。

以下是测试运行次数最多的浏览器的结果:

(数字是“每秒操作数”，因此数字越大越快，数字越小越慢。)