jQuery: rimuovere tutte le classi CSS da un elemento

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.