Como encontrar elementos html no jQuery

Depois de clicar no botão:

O seletor de nome do elemento recupera todos os elementos HTML com o mesmo nome. Por exemplo, nós adicionamos $ ("H2") Como o nome do elemento, o seletor de nome do elemento selecionará todos

Atendendo a elementos da nossa página da web e depois aplique as configurações adicionadas a eles.

No entanto, se você quiser encontrar um específico Html elemento, Então você pode utilizar o Elemento #id seletor em jQuery ().

Como encontrar elementos HTML no jQuery usando o elemento #ID Seletor

Para encontrar elementos HTML usando o seletor do elemento #ID, precisamos atribuir um ID a esse elemento HTML e ele deve ser único em uma página da web, pois o elemento #ID seletor pesquisa o elemento único e único.

Sintaxe do elemento #Id Seletor

$ ("#my_id")

Na sintaxe do seletor do elemento #ID, você deve adicionar o personagem de hash “#,”Seguido pelo“eu ia”Atribuído a um elemento HTML.

Exemplo: Encontre elementos HTML no jQuery usando o elemento #ID Seletor
Na nossa "índice.html”Arquivo, adicionamos um parágrafo, um“Clique em mim”Button, e um título com o“h2id”ID do elemento:

Encontre elementos HTML em jQuery

Este é o parágrafo principal com algum texto de amostra

Para encontrar o elemento html de título com o “h2id”, Escreveremos o seguinte código em nosso“meu projeto.JS" arquivo:

$ (documento).pronto (function ()
$ ("botão").clique (function ()
$ ("#h2id").esconder();
);
);

Nesse caso, quando clicarmos no botão, o jQuery “$ ("#H2id")”O método encontra o elemento de cabeçalho HTML com o“h2id”E esconda -o na página da web:

O cabeçalho adicionado não pode ser mais visto depois de clicar no “Clique em mim" botão:

Como encontrar elementos HTML no jQuery usando elemento .seletor de classe

Elemento #id seletor não permite que você selecione dois elementos html simultaneamente porque os dois terão valores de identificação exclusivos. No entanto, você pode atribuir uma classe a diferentes elementos html e depois utilizar o Elemento .seletor de classe por encontrar os elementos pertencentes à mesma classe.

Sintaxe do elemento .seletor de classe

$ (".minha classe")

Na sintaxe dada do elemento .Seletor de classe, você deve adicionar um personagem de época antes de escrever o nome da classe e deve ser fechado entre parênteses.

Exemplo: Encontre elementos HTML no jQuery usando elemento .seletor de classe
Neste exemplo, atribuiremos um nome de classe “Newclass”Para o cabeçalho, elemento de parágrafo e botão, que são adicionados em nosso“índice.html" arquivo:

Encontre elementos HTML em jQuery

Este é o parágrafo principal com algum texto de amostra

Esse é o segundo parágrafo

Exceto pelo primeiro parágrafo, todos os elementos html adicionados pertencem ao “Newclass”:

Agora, em primeiro lugar, encontraremos os elementos html com nome de classe “Newclass”. Depois disso, vamos escondê -los da nossa página HTML:

$ (documento).pronto (function ()
$ ("botão").clique (function ()
$ (".newclass ").esconder();
);
);

Antes de clicar no botão:

Depois de clicar no botão:

A saída acima mencionada mostra que encontramos com sucesso os elementos HTML especificados usando elemento .seletor de classe e os escondeu da página da web.

Conclusão

Usando Seletor de nome do elemento, Elemento #id seletor, e Elemento .seletor de classe, você pode encontrar elementos html no jQuery. O seletor de nome do elemento é utilizado para selecionar os elementos HTML pelo seu nome. Por outro lado, o elemento #ID seletor encontra um elemento HTML específico com base em seu ID exclusivo e, finalmente, elemento .Seletor de classe os recupera de acordo com o nome da classe. Este artigo discutiu o procedimento para encontrar elementos HTML no jQuery usando seletor de nome de elemento, seletor de elemento #id e elemento .seletor de classe.