實(shí)例

高亮顯示段落中的第一個(gè) span ：

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

親自試一試

定義和用法

first() 將匹配元素集合縮減為集合中的第一個(gè)元素。

語(yǔ)法

.first()

詳細(xì)說(shuō)明

如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象，.first() 方法會(huì)用第一個(gè)匹配元素構(gòu)造一個(gè)新的 jQuery 對(duì)象。

請(qǐng)思考下面這個(gè)帶有簡(jiǎn)單列表的頁(yè)面：

<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>

我們可以對(duì)這個(gè)列表項(xiàng)集合應(yīng)用該方法：

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

親自試一試

這次調(diào)用的結(jié)果是，第一個(gè)項(xiàng)目被設(shè)置為紅色背景。