使用 :first 优化 jQuery 选择器

我有过这样的感觉$('.class:first')运行速度比$('.class')。所以任何时候我都知道只有一个.class在子集中，我已经使用了它。

Does :first使查询运行得更快，还是没有必要？

这实际上取决于浏览器，:first http://api.jquery.com/first-selector/不是 CSS 选择器，它是 jQuery 过滤器 - 因此需要一些额外的解析工作...其中.class本身可以传递给本机浏览器选择器方法（例如document.querySelectorAll() https://developer.mozilla.org/En/DOM/Document.querySelectorAll这里）。

其中任何一个实际上都会更快：

$('.class').first()
//or...
$('.class').eq(0)
//or fastest:
$('.class').slice(0, 1)

...因为他们运行本机代码，然后只获取该集合中的第一个条目。