Come trovare elementi HTML in jQuery

Dopo aver fatto clic sul pulsante:

Il selettore del nome dell'elemento recupera tutti gli elementi HTML con lo stesso nome. Ad esempio, abbiamo aggiunto $ ("H2") Come nome dell'elemento, quindi il selettore del nome dell'elemento selezionerà tutto

Intestazione degli elementi della nostra pagina web e quindi applicare le impostazioni aggiunte ad esse.

Tuttavia, se vuoi trovare un specifica Html elemento, Quindi puoi utilizzare il Element #Id Selector in jQuery ().

Come trovare elementi HTML in jQuery usando l'elemento #ID Selector

Per trovare elementi HTML usando il selettore Element #ID, dobbiamo assegnare un ID a quell'elemento HTML e dovrebbe essere unico in una pagina Web, poiché il selettore Element #ID cerca l'elemento unico e singolo.

Sintassi dell'elemento #id selettore

$ ("#my_id")

Nella sintassi dell'elemento #ID Selector, devi aggiungere il carattere hash "#,"Seguito dal"id"Assegnato a un elemento HTML.

Esempio: Trova elementi HTML in jQuery utilizzando Element #ID Selector
Nel nostro "indice.html"File, abbiamo aggiunto un paragrafo, un"Cliccami"Pulsante e una voce con il"H2id"ID elemento:

Trova elementi HTML in jQuery

Questo è il paragrafo principale con un testo di esempio

Per trovare l'elemento HTML intestazione con il "H2id", Scriveremo il seguente codice nel nostro"il mio progetto.js" file:

$ (documento).ready (function ()
$ ("pulsante").Click (function ()
$ ("#h2id").nascondere();
);
);

In questo caso, quando faremo clic sul pulsante, il jQuery "$ ("#H2id")"Il metodo trova l'elemento di intestazione HTML con"H2id"E nascondilo dalla pagina web:

L'intestazione aggiunta non può più essere vista dopo aver fatto clic su "Cliccami"Pulsante:

Come trovare elementi HTML in jQuery usando l'elemento .Selettore di classe

Element #ID Selector non ti consente di selezionare due elementi HTML contemporaneamente perché entrambi avranno valori ID univoci. Tuttavia, è possibile assegnare una classe a diversi elementi HTML e quindi utilizzare il Elemento .Selettore di classe per trovare gli elementi appartenenti alla stessa classe.

Sintassi dell'elemento .Selettore di classe

$ (".la mia classe")

Nella sintassi data dell'elemento .Selettore di classe, devi aggiungere un carattere d'epoca prima di scrivere il nome della classe e dovrebbe essere racchiuso tra parentesi.

Esempio: trova elementi HTML in jQuery usando l'elemento .Selettore di classe
In questo esempio, assegneremo un nome di classe "Newclass"All'intestazione, elemento e pulsante di paragrafo, che vengono aggiunti nel nostro"indice.html" file:

Trova elementi HTML in jQuery

Questo è il paragrafo principale con un testo di esempio

Questo è il secondo paragrafo

Tranne il primo paragrafo, tutti gli elementi HTML aggiunti appartengono al "Newclass":

Ora, in primo luogo, troveremo gli elementi HTML con nome di classe "Newclass". Dopodiché, li nasconderemo dalla nostra pagina HTML:

$ (documento).ready (function ()
$ ("pulsante").Click (function ()
$ (".newclass ").nascondere();
);
);

Prima di fare clic sul pulsante:

Dopo aver fatto clic sul pulsante:

L'output di cui sopra mostra che abbiamo trovato correttamente gli elementi HTML specificati usando l'elemento .Selettore di classe e li ha nascosti dalla pagina web.

Conclusione

Usando Selettore dei nomi dell'elemento, Element #Id Selector, E Elemento .Selettore di classe, Puoi trovare elementi HTML in jQuery. Il selettore dei nomi dell'elemento viene utilizzato per la selezione degli elementi HTML con il loro nome. Al contrario, Element #ID Selector trova un elemento HTML specifico in base al loro ID univoco e, infine, elemento .Il selettore di classe li recupera in base al nome della loro classe. Questo articolo ha discusso della procedura per trovare elementi HTML in jQuery utilizzando il selettore dei nomi elementi, il selettore #ID #ID e l'elemento .Selettore di classe.