Metodo removeClass

Il metodo removeClass rimuove una classe CSS specificata dall'attributo class. È possibile rimuovere una o più classi contemporaneamente.

Sintassi

Una classe CSS:

javascript$(selettore).removeClass(nome della classe CSS)

Più classi CSS:

javascript$(selettore).removeClass('classe1 classe2 classe3 ...')

Applicazione di una funzione a ciascun elemento nel set:

javascript$(selettore).removeClass(function(numero nel set, classi CSS correnti dell'elemento))

Esempio

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

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

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

Il codice HTML risulterà così:

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

Esempio

Il nostro paragrafo ha già una classe. Rimuoviamola:

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

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

Il codice HTML risulterà così:

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

Esempio

Il nostro paragrafo ha già 3 classi. Rimuoviamo due classi - www e ggg:

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

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

Il codice HTML risulterà così:

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

Vedi anche