Método first() do jQuery de iteração

Manual de referência de iteração do jQuery

Exemplo

Destaque o primeiro span dentro do parágrafo:

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

Experimente pessoalmente

Definição e uso

first() reduz a coleção de elementos correspondentes para o primeiro elemento da coleção.

Sintaxe

.first()

Explicação detalhada

Se for fornecido um objeto jQuery que representa uma coleção de elementos DOM, o método .first() usará o primeiro elemento correspondente para construir um novo objeto jQuery.

Pense na seguinte página com uma lista simples:

<ul>
  <li>item da lista 1</li>
  <li>item da lista 2</li>
  <li>item da lista 3</li>
  <li>item da lista 4</li>
  <li>item da lista 5</li>
</ul>

Podemos aplicar este método a essa coleção de itens da lista:

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

Experimente pessoalmente

O resultado dessa chamada é que o primeiro item foi configurado com fundo vermelho.

Manual de referência de iteração do jQuery