I stedet for at kalde $("#item").removeClass()
for hver enkelt klasse, som et element kan have, er der så en enkelt funktion, som kan kaldes, og som fjerner alle CSS-klasser fra det givne element?
Både jQuery og rå JavaScript vil virke.
$("#item").removeClass();
Hvis du kalder removeClass
uden parametre, vil alle elementets klasser blive fjernet.
Du kan også bruge (men det anbefales ikke nødvendigvis, den korrekte måde er den ovenstående):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Hvis du ikke havde jQuery, ville dette stort set være din eneste mulighed:
document.getElementById('item').className = '';
Du skal blot indstille attributten className
for det rigtige DOM-element til ''
(ingenting).
$('#item')[0].className = ''; // the real DOM element is at [0]
Rediger: Andre har sagt, at det bare virker at kalde removeClass
- jeg har testet dette med Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... og det virker. Så du kan også gøre det på denne måde:
$("#item").removeClass();