¿Cómo puedo eliminar todas las clases de CSS usando jQuery/JavaScript?
En lugar de llamar individualmente $("#item").removeClass()
a cada clase que pueda tener un elemento, ¿existe una única función a la que se pueda llamar y que elimine todas las clases CSS del elemento dado?
Tanto jQuery como JavaScript sin formato funcionarán.
Aceptado
$("#item").removeClass();
Llamar removeClass
sin parámetros eliminará todas las clases del elemento.
También puedes utilizar (pero no necesariamente es recomendable. La forma correcta es la anterior):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Si no tuvieras jQuery, esta sería prácticamente tu única opción:
document.getElementById('item').className = '';
Espera, ¿no es removeClass() el valor predeterminado para eliminar todas las clases si no se especifica nada específico? Entonces
$("#item").removeClass();
lo hará solo...