HTML and CSS Reference
In-Depth Information
alla sua semplicità di utilizzo ha portato alla creazione del seguente modo di dire: “Io non
sviluppo scrivendo JavaScript, sviluppo scrivendo jQuery”.
nota
Cominciamo a scoprire perché si è arrivati a questo modo di dire, analizzando le singole
funzionalità di jQuery e partendo dalla capacità di eseguire query nel DOM.
jQuery è nato per eseguire query nel DOM del browser al fine di recuperare oggetti. Queste
query sono effettuate basandosi sulla sintassi CSS esattamente come avviene per il metodo
querySelectorAll
dell'oggetto
document
.
querySelectorAll
è un metodo in-
trodotto da HTML5 e quindi relativamente giovane; jQuery permetteva di effettuare query
già nel 2007.
Per sfruttare jQuery, il punto di entrata è l'oggetto
$
. Questo oggetto può essere usato
sia come metodo sia come oggetto. Se vogliamo effettuare una query nel DOM, sfruttiamo
questo oggetto come metodo passando in input la stringa di ricerca, così come nel prossimo
esempio.
Esempio 11.1
//ricerca un elemento per id
var objects = $("#textboxId");
//ricerca elementi per classe
var objects = $(".classe");
//ricerca tag p all'interno dei div con classe "contenitore"
var objects = $("div.contenitore p");
Ci sono due cose da notare in questo esempio. La prima è che, a prescindere da quanti
oggetti possa tornare la query, il metodo da usare è sempre lo stesso. La seconda è che la
variabile
objects
non contiene una lista di oggetti HTML, come ci si potrebbe aspettare,
bensì un oggetto di jQuery (detto contenitore) che contiene la lista degli oggetti recuperati
