jQuery ci consente di selezionare elementi di codice contenuti nel documento HTML, questo avviene mediante l’utilizzo della funzione $() e i selettori.
I selettori sono dei parametri che passiamo alla funzione $() ottenendo come risultato l’elemento desiderato.
I selettori possono essere di vari tipi e possono restituire un singolo elemento o un gruppo, principalmente li possiamo dividere in:
- tag
- classi
- identificatori
L’utilizzo dei selettori è molto semplice e intuitivo.
- $(‘p’) – Seleziona tutti tag p contenuti nel documento
- $(‘div’) – Seleziona tutti i tag div
- $(‘.classe’) – Seleziona tutti gli elementi con classe classe
- $(‘p.classe’) – Seleziona tutti i tag p con classe classe
- $(‘div p.classe’) – Seleziona tutti i tag p con classe classe che appaiono all’interno di tag div
- $(‘#id’) – Seleziona l’elemento con id id
Diciamo che questa può essere una buona introduzione all’utilizzo dei selettorti, segnaliamo che jQuery ne mette ulteriori a disposizone per compiere selezioni più complesse.
Ovviamente una volta selezionato qualcosa all’interno della nostra pagina sarebbe anche utile farci qualcosa! 🙂