jQuery fornisce il metodo removeClass()
per rimuovere una o più classi CSS da un elemento. La caratteristica interessante di questo metodo è che è in grado di rimuovere tutte le classi se invocato senza parametri. Vediamo i dettagli.
Abbiamo questa marcatura:
<p id="test" class="one two three">Test</p>
Con le seguenti classi CSS:
.one {
background: #ffc;
padding: 1em;
}
.two {
border: 0.1em solid #f70;
}
.three {
border-radius: 6px;
box-shadow: 2px 2px 3px #ccc;
}
Il codice jQuery è il seguente:
$(function() {
$('#test').click(function() {
$(this).removeClass();
});
});
Un'alternativa DOM è la seguente:
$(function() {
$('#test').click(function() {
$(this)[0].className = '';
});
});
Potete visionare l'esempio finale in questa pagina.