Selettori di base in jQuery

I selettori in jQuery sono basati sulla sintassi dei selettori CSS, ma estendono le loro capacità, permettendo una selezione e manipolazione degli elementi del DOM più potente e versatile. Possono essere usati per selezionare elementi in base al loro tag, classe, ID, attributi, posizione nel DOM e molto altro. Vediamo, a seguire, una lista dei selettori di base in jQuery.

Selettori di base in jQuery

In jQuery, i selettori di base sono utilizzati per identificare gli elementi HTML su cui si desidera operare. Vediamo quali sono:

Selettore per Tipo in jQuery

Il selettore per tipo in jQuery  corrisponde a tutti gli elementi di un dato tipo.

Esempio: $("p") seleziona tutti i paragrafi nella pagina.

Selettore per Classe in jQuery

Il selettore per classe in jQuery seleziona tutti gli elementi che hanno una specifica classe.

Esempio: $(".classe-esempio") seleziona tutti gli elementi con la classe classe-esempio.

Selettore per ID in jQuery

Il selettore per ID in jQuery seleziona un singolo elemento con un ID specifico.

Esempio: $("#id-unico") seleziona l'elemento con l'ID id-unico.

I selettori di base qui mostrati forniscono un’ampia gamma di strumenti per identificare e manipolare singoli elementi HTML in base alle loro caratteristiche specifiche, come il tipo, la classe e l’ID.

Tuttavia, quando si lavora con documenti HTML complessi che contengono una struttura gerarchica di elementi, a diventare essenziale è un’altra tipologia di selettori: i selettori gerarchici; scopriamoli nel prossimo capitolo!