实例

高亮显示段落中的第一个 span ：

</>code
$("p span").first().addClass('highlight');

亲自试一试

定义和用法

first() 将匹配元素集合缩减为集合中的第一个元素。

语法

</>code
.first()

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.first() 方法会用第一个匹配元素构造一个新的 jQuery 对象。

请思考下面这个带有简单列表的页面：

</>code
<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

我们可以对这个列表项集合应用该方法：

</>code
$('li').first().css('background-color', 'red');

亲自试一试

这次调用的结果是，第一个项目被设置为红色背景。