Método removeClass() de jQuery

jQuery HTML/Métodos CSS

El método removeClass() elimina una o más clases del elemento seleccionado.

Si se incluye el nombre de la clase como parámetro, solo se eliminará esa clase.

Si no se especifica el nombre de la clase en los parámetros, se eliminarán todas las clases.

Sintaxis:

Eliminar todas las clases

$.removeClass()

Eliminar la clase especificada

$.removeClass(className)

Eliminar clase utilizando una función

$.removeClass(function(index, currentClass))

Ejemplo

Eliminar el nombre de la clase "highlight" de todos los elementos <p>:

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

Se puede eliminar una clase o más de un grupo de elementos seleccionados (separadas por espacios), como se muestra a continuación:

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

Si no se especifica el nombre de la clase en los parámetros, se eliminarán todas las clases:

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

Utilice removeClass (eliminar una clase y agregar una nueva clase con addClass()):

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

Valor del parámetro

jQuery HTML/Métodos CSS