Metodo addClass

Il metodo addClass aggiunge una classe CSS specificata a un elemento.

Sintassi

Una classe CSS:

javascript$(selettore).addClass(nome classe CSS);

Più classi CSS (come stringa):

javascript$(selettore).addClass('classe1 classe2 classe3 ...');

Più classi CSS (come array):

javascript$(selettore).addClass(['classe1', 'classe2', 'classe3', '...']);

Applicazione di una funzione a ogni elemento nel set:

javascript$(selettore).addClass(function(indice nel set, classi CSS attuali dell'elemento));

Esempio

Il nostro paragrafo non ha classi. Aggiungiamogli la classe www:

html<p id="test">testo</p>

javascript$('#test').addClass('www');

Il codice HTML diventerà così:

html<p id="test" class="www">testo</p>

Esempio

Il nostro paragrafo ha già una classe. Aggiungiamogli anche la classe www:

html<p id="test" class="eee">testo</p>

javascript$('#test').addClass('www');

Il codice HTML diventerà così:

html<p id="test" class="eee www">testo</p>

Esempio

Il nostro paragrafo ha già due classi. Aggiungiamogli anche la classe www:

html<p id="test" class="eee ggg">testo</p>

javascript$('#test').addClass('www');

Il codice HTML diventerà così:

html<p id="test" class="eee ggg www">testo</p>

Esempio

Il nostro paragrafo ha già una classe. Aggiungiamogli altre due classi - www e ggg:

html<p id="test" class="eee">testo</p>

javascript$('#test').addClass('www ggg');

Il codice HTML diventerà così:

html<p id="test" class="eee www ggg">testo</p>

Vedi anche