tutoriais mais recente desenvolvimento web
 

jQuery Atravessando - Filtragem


Restringir a busca de elementos

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

Outros métodos de filtragem, como filter() e not() permitem que você selecione os elementos que correspondem, ou não correspondem, a determinados critérios.


jQuery first() Método

O first() método retorna o primeiro elemento dos elementos selecionados.

O exemplo a seguir seleciona a primeira <p> elemento dentro da primeira <div> elemento:

Exemplo

$(document).ready(function(){
    $("div p").first();
});
Tente você mesmo "

jQuery last() Método

A last() método retorna o último elemento dos elementos selecionados.

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

Exemplo

$(document).ready(function(){
    $("div p").last();
});
Tente você mesmo "

jQuery eq() Método

A eq() método retorna um elemento com um número de índice específico dos elementos selecionados.

Os números de índice começam em 0, portanto, o primeiro elemento terá o número de índice 0 e não 1. O exemplo a seguir seleciona a segunda <p> elemento (número de índice 1):

Exemplo

$(document).ready(function(){
    $("p").eq(1);
});
Tente você mesmo "

jQuery filter() Método

O filter() método permite que você especifique um critério. Elementos que não correspondem aos critérios são removidos da seleção, e aqueles que correspondem serão devolvidos.

O exemplo a seguir retorna todos os <p> elementos com o nome da classe "intro" :

Exemplo

$(document).ready(function(){
    $("p").filter(".intro");
});
Tente você mesmo "

jQuery not() Método

A not() método retorna todos os elementos que não correspondem aos critérios.

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

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

Exemplo

$(document).ready(function(){
    $("p").not(".intro");
});
Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4» Exercício 5 » Exercício 6»


jQuery Atravessando Referência

Para uma visão completa de todos os métodos jQuery atravessando, por favor, vá ao nosso jQuery deslocação de referência .