Ao invés de chamar individualmente $("#item").removeClass()
para cada classe que um elemento possa ter, existe uma única função que pode ser chamada que remove todas as classes CSS do elemento em questão?
Tanto o jQuery como o JavaScript bruto vão funcionar.
$("#item").removeClass();
Chamando removeClass
sem parâmetros irá remover todas as classes do item's.
Você também pode usar (mas não é necessariamente recomendado, a forma correta é a acima):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Se você não'não tem jQuery, então esta seria praticamente a sua única opção:
document.getElementById('item').className = '';
Basta definir o atributo className
do elemento DOM real para ''
(nada).
$('#item')[0].className = ''; // the real DOM element is at [0]
Edit: Outras pessoas disseram que só chamar removeClass
funciona - Eu testei isso com o Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... e ele funciona. Então você também pode fazer isso dessa maneira:
$("#item").removeClass();