En lugar de llamar individualmente a $("#item").removeClass()
para cada una de las clases que pueda tener un elemento, ¿existe una única función a la que se pueda llamar para eliminar todas las clases CSS del elemento dado?
Tanto jQuery como JavaScript en bruto funcionarán.
$("#item").removeClass();
Llamar a removeClass
sin parámetros eliminará todas las clases del elemento.
También puedes usar (pero no es necesariamente recomendable, la forma correcta es la de arriba)
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Si no tienes jQuery, entonces esta sería prácticamente tu única opción:
document.getElementById('item').className = '';
Sólo hay que poner el atributo className
del elemento real del DOM a ''
(nada).
$('#item')[0].className = ''; // the real DOM element is at [0]
Edición: Otras personas han dicho que sólo llamar a removeClass
funciona - He probado esto con el Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... y funciona. Así que también puedes hacerlo de esta manera:
$("#item").removeClass();