Método jQuery removeClass()

jQuery HTML/Método CSS

O método removeClass() remove uma ou mais classes do elemento selecionado.

Se o nome da classe for incluído como parâmetro, apenas essa classe será removida.

Se o nome da classe não for especificado no parâmetro, todas as classes serão removidas.

Sintaxe:

Remover todas as classes

$.removeClass()

Remover classe especificada

$.removeClass(className)

Remover classe usando função

$.removeClass(function(index, currentClass))

Exemplo

Remover a classe nome "highlight" de todos os elementos <p>:

$("button").click(function(){
　　$("p").removeClass("highlight");
});

Uma vez pode-se remover uma ou mais classes de um grupo de elementos selecionados (separadas por espaço), conforme mostrado a seguir:

$("button").click(function(){
　　$("p").removeClass("highlight　big");
});

Se o nome da classe não for especificado no parâmetro, todas as classes serão removidas:

$("button").click(function(){
　　$("p").removeClass();
});

Usar removeClass(remover uma classe e usar addClass() para adicionar uma nova classe):

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

Valor do Parâmetro

jQuery HTML/Método CSS