Aggiungere e rimuovere le classi con jQuery

Se dovete rimuovere il CSS dalle regole di stile inline , dove collocarle? In un foglio di stile separato, ovviamente.
Collocherete gli stili in una classe CSS e utilizzerete jQuery per aggiungere e rimuovere tale classe dagli elementi di destinazione nel codice HTML.

Metodo addClass

I metodi jQuery consento di manipolare gli attributi class degli elementi DOM delle pagine.La funzione più comune per svolgere tale operazione è addClass. L'elemento  addClass accetta le stringhe come parametri e consente di aggiungere più classi contemporaniamente separandoli con un spazio.


//Classe singola

$("div").addClass("nome_della_classe");

//Classi multiple

$("div").addClass("nome_classe1 nome_classe2");

Risultato HTML classe singola


<div class="nome_della_class"></div>

Risultato HTML classi multiple


<div class="nome_classe1  nome_classe2"></div>

Metodo removeClass

In alcuni casi abbiamo il bisogno di rimuovere le classi dagli elementi DOM.


//Classe singola

$("div").removeClass("nome_della_classe");

//Classi multiple

$("div").removeClass("nome_classe1 nome_classe2");

Risultato HTML classe singola


<div></div>

Risultato HTML classi multiple


<div></div>

Segnalibro e Share

Costantino Fusco

Sviluppatore di siti internet e di applicazioni web. Programmazione Web: PHP/MySQL HTML/CSS Ajax Javascript wordpress, Strategie SEO

Lascia una risposta

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>