jQuery :first vs. .first()

Question

.first() 方法是在 jQuery 1.4 中添加的。

:first 选择器自 1.0 以来就已存在。

来自文档:

:first

The :first pseudo-class is equivalent to :eq(0). It could also be written as :lt(1). While this matches only a single element, :first-child can match more than one: One for each parent.

.first()

Given a jQuery object that represents a set of DOM elements, the .first() method constructs a new jQuery object from the first matching element.

<小时/>

看起来 .first() 是一个返回另一个 jQuery 对象的过滤器，而 :first 只是一个选择器。

但是，它们都可以用来完成同样的事情。

那么，什么时候应该使用其中一种而不是另一种呢？表现？请提供示例。

Answer 1

如果.first()和:first在相同的上下文中使用来获取相同的信息 ，例如:

HTML:

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

脚本:

console.log("1", $('ul li').first().text());
console.log("2", $('ul li:first').text());

.first() 性能更高

**

正如 Andrew Moore 所提到的，.first() 相当于 .eq(0)。
根据jsperf.com ， .eq(0) 是最好的，但与 .first() 没有太大区别。

您可以在此处查看我的来源:http://jsperf.com/first-vs-first-vs-eq-0