Método removeClass
O método removeClass remove
uma classe CSS especificada do atributo
class. É possível
remover uma ou várias classes ao mesmo tempo.
Sintaxe
Uma classe CSS:
$(seletor).removeClass(nome da classe CSS)
Várias classes CSS:
$(seletor).removeClass('classe1 classe2 classe3 ...')
Aplicação de uma função a cada elemento no conjunto:
$(seletor).removeClass(function(índice no conjunto, classes CSS atuais do elemento))
Exemplo
Nosso parágrafo já tem duas classes. Vamos
remover a classe www:
<p id="test" class="eee www">texto</p>
$('#test').removeClass('www');
O código HTML ficará assim:
<p id="test" class="eee">texto</p>
Exemplo
Nosso parágrafo já tem uma classe. Vamos remover esta classe:
<p id="test" class="www">texto</p>
$('#test').removeClass('www');
O código HTML ficará assim:
<p id="test" class="">texto</p>
Exemplo
Nosso parágrafo já tem 3 classes.
Vamos remover duas classes - www e
ggg:
<p id="test" class="eee www ggg">texto</p>
$('#test').removeClass('www ggg');
O código HTML ficará assim:
<p id="test" class="eee">texto</p>
Veja também
-
métodos
addClass,toggleClass,hasClass -
Propriedade JavaScript
classlist,
com a qual você pode adicionar e remover classes CSS de um elemento em JavaScript puro
