Navegação jQuery - Filtro

Pesquisa abreviada do elemento

Os três métodos de filtragem mais básicos são: first(), last() e eq(), que permitem que você selecione um elemento específico com base em sua posição em um conjunto de elementos.

Outros métodos de filtragem, como filter() e not(), permitem que você selecione elementos que correspondem ou não a um padrão específico.

Método first() do jQuery

O método first() retorna o primeiro elemento selecionado.

O exemplo a seguir seleciona o primeiro elemento <p> dentro do primeiro elemento <div>:

Exemplo

$(document).ready(function(){
  $("div p").first();
});

Experimente você mesmo

Método last() do jQuery

O método last() retorna o último elemento selecionado.

O exemplo a seguir seleciona o último elemento <p> dentro do último elemento <div>:

Exemplo

$(document).ready(function(){
  $("div p").last();
});

Experimente você mesmo

Método eq() do jQuery

O método eq() retorna o elemento selecionado com o índice especificado.

O índice começa em 0, então o índice do primeiro elemento é 0, não 1. O exemplo a seguir seleciona o segundo elemento <p> (índice 1):

Exemplo

$(document).ready(function(){
  $("p").eq(1);
});

Experimente você mesmo

Método filter() do jQuery

O método filter() permite que você estabeleça um padrão. Os elementos que não correspondem a esse padrão serão removidos do conjunto, e os elementos que correspondem serão retornados.

O exemplo a seguir retorna todos os elementos <p> que têm a classe "intro":

Exemplo

$(document).ready(function(){
  $("p").filter(".intro");
});

Experimente você mesmo

Método not() do jQuery

O método not() retorna todos os elementos que não correspondem ao padrão.

Dica:O método not() é o oposto do filter().

O exemplo a seguir retorna todos os elementos <p> que não têm a classe "intro":

Exemplo

$(document).ready(function(){
  $("p").not(".intro");
});

Experimente você mesmo

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

Para saber todos os métodos de iteração do jQuery, acesse nossa Manual de referência de iteração do jQuery.