Seletores do jQuery

O conceito mais básico do jQuery é "seleccionar alguns elementos e tratá-los".

Os seletores jQuery permitem que você "encontre" (ou selecione) elementos HTML em uma página da web.

O jQuery suporta a maioriaCSS3seletore alguns seletores não padronizados.

Todos os seletores no jQuery começam com o símbolo de dólar e colchetes: $().

seletor de elemento

Os seletores de elementos jQuery podem ser usados para seleccionar elementos com base no nome do elemento.

Você pode seleccionar todos<p>elementos, conforme mostrado a seguir:

$("p")

Quando o usuário clicar no botão, o seguinte código jQuery seleccionará e destacará todos<p>Elemento:

$("document").ready(function() {
　　$("button").click(function() {
　　　　$("p").css("background-color", "yellow");
　　});
});

#id seletor

jQuery #idOs seletores usam a marcação HTML dePropriedade idpara encontrar um elemento específico.

O ID do elemento deve ser único na página, portanto, o seletor de ID é usado para seleccionar um elemento único.

Para encontrar elementos com um ID específico, escreva um caractere de hash (#) seguido do ID do elemento HTML:

$("#demo")

Quando o usuário clicar no botão, o seguinte código jQuery seleccionará e destacará o elemento com id="demo":

$("document").ready(function() {
　　$("button").click(function() {
　　　　$("#demo").css("background-color", "yellow");
　　});
});

.class seletor

jQuery .classO seletor encontra elementos com um nome de classe específico.

Para encontrar elementos com uma classe específica, escreva um ponto (.) seguido do nome da classe:

$(".demo")

Quando o usuário clicar no botão, o seguinte código jQuery seleccionará e destacará todos os elementos com class="demo":

$("document").ready(function() {
　　$("button").click(function() {
　　　　$(".demo").css("background-color", "yellow");
　　});
});

Múltiplos seletores

Você pode seleccionar múltiplos seletores conforme necessário. Basta separar os seletores por vírgula.

Múltiplos seletores seleccionam todos os resultados da combinação de seletores especificados:

$("selector1, selector2, selectorN

O seguinte código jQuery selecciona cada<h2>，<div>e<span>Elemento:

$("document").ready(function() {
　　$("h2, div, span").css("background-color", "lightgreen");
});

Isso é útil quando você deseja executar a mesma operação em diferentes seletores.

Exemplo de seletor jQuery

O jQuery oferece várias maneiras de selecionar elementos HTML específicos.

Referência do Selecionador do jQuery

Para referência completa do selecionador, acesse nossoReferência do Selecionador do jQuery。