HTML and CSS Reference
In-Depth Information
al suo interno. Questo oggetto dimostra la sua utilità proprio quando dobbiamo manipolare
gli oggetti al suo interno.
Supponiamo di voler aggiungere una classe CSS a tutti gli elementi restituiti da una query.
Se non utilizziamo jQuery, una volta ottenuta la lista di oggetti dobbiamo eseguire un ciclo,
aggiungendo la classe a tutti. Con jQuery possiamo fare tutto in una riga di codice, invo-
cando il metodo
addClass
del contenitore passandogli in input il nome della classe, co-
me viene mostrato
nell'esempio 11.2
.
Esempio 11.2
var objects = $(".myClass").addClass("selected").
addClass("anotherClass");
Il metodo
addClass
scorre tutti gli oggetti nel contenitore e aggiunge a ognuno di essi la
classe
selected
, permettendoci quindi di risparmiare codice. Non solo, il metodo
ad-
dClass
è una funzione che ritorna il contenitore stesso. Questo significa che possiamo
sfruttare la tecnica
fluent
per invocare di nuovo il metodo
addClass
per aggiungere
un'altra classe CSS agli oggetti. Il metodo
addClass
è solo uno dei tanti metodi per ma-
nipolare gli oggetti: parlare di tutti i metodi è impossibile per ovvie questioni di spazio,
quindi vi offriamo un riepilogo di quelli più importanti nella
tabella 11.1
.
Metodo
Descrizione
Prende in input un oggetto jQuery o una stringa HTML e li aggiunge
al contenuto di tutti gli oggetti nel contenitore.
append
Prende in input una stringa HTML e la imposta come proprietà
in-
nerHTML
di ogni oggetto nel contenitore.
html
Prende in input una stringa e la imposta come proprietà
innerText
di ogni oggetto nel contenitore.
text
Accettano in input un oggetto jQuery o una stringa HTML, che ven-
gono aggiunti rispettivamente prima o dopo ogni oggetto nel conteni-
tore.
after
before
empty
Elimina il contenuto di ogni oggetto nel contenitore.