jQuery 遍历 - first() 方法

实例

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

  1. $("p span").first().addClass('highlight');

定义和用法

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

语法

  1. .first()

详细说明

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

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

  1. <ul>
  2.   <li>list item 1</li>
  3.   <li>list item 2</li>
  4.   <li>list item 3</li>
  5.   <li>list item 4</li>
  6.   <li>list item 5</li>
  7. </ul>

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

  1. $('li').first().css('background-color', 'red');

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