Metodo addClass
Il metodo addClass aggiunge
una classe CSS specificata a un elemento.
Sintassi
Una classe CSS:
$(selettore).addClass(nome classe CSS);
Più classi CSS (come stringa):
$(selettore).addClass('classe1 classe2 classe3 ...');
Più classi CSS (come array):
$(selettore).addClass(['classe1', 'classe2', 'classe3', '...']);
Applicazione di una funzione a ogni elemento nel set:
$(selettore).addClass(function(indice nel set, classi CSS attuali dell'elemento));
Esempio
Il nostro paragrafo non ha classi. Aggiungiamogli
la classe www:
<p id="test">testo</p>
$('#test').addClass('www');
Il codice HTML diventerà così:
<p id="test" class="www">testo</p>
Esempio
Il nostro paragrafo ha già una classe. Aggiungiamogli
anche la classe www:
<p id="test" class="eee">testo</p>
$('#test').addClass('www');
Il codice HTML diventerà così:
<p id="test" class="eee www">testo</p>
Esempio
Il nostro paragrafo ha già due classi. Aggiungiamogli
anche la classe www:
<p id="test" class="eee ggg">testo</p>
$('#test').addClass('www');
Il codice HTML diventerà così:
<p id="test" class="eee ggg www">testo</p>
Esempio
Il nostro paragrafo ha già una classe. Aggiungiamogli
altre due classi - www e ggg:
<p id="test" class="eee">testo</p>
$('#test').addClass('www ggg');
Il codice HTML diventerà così:
<p id="test" class="eee www ggg">testo</p>
Vedi anche
-
metodi
removeClass,toggleClass,hasClass -
proprietà JavaScript
classlist,
che può essere utilizzata per aggiungere e rimuovere classi CSS di un elemento in JavaScript puro
