Método removeClass

El método removeClass elimina una clase CSS especificada del atributo class. Se puede eliminar una o varias clases simultáneamente.

Sintaxis

Una clase CSS:

javascript$(selector).removeClass(nombre de la clase CSS)

Varias clases CSS:

javascript$(selector).removeClass('clase1 clase2 clase3 ...')

Aplicación de una función a cada elemento del conjunto:

javascript$(selector).removeClass(function(número en el conjunto, clases CSS actuales del elemento))

Ejemplo

Nuestro párrafo ya tiene dos clases. Eliminemos la clase www:

html<p id="test" class="eee www">texto</p>

javascript$('#test').removeClass('www');

El código HTML quedará así:

html<p id="test" class="eee">texto</p>

Ejemplo

Nuestro párrafo ya tiene una clase. Eliminemos esta clase:

html<p id="test" class="www">texto</p>

javascript$('#test').removeClass('www');

El código HTML quedará así:

html<p id="test" class="">texto</p>

Ejemplo

Nuestro párrafo ya tiene 3 clases. Eliminemos dos clases - www y ggg:

html<p id="test" class="eee www ggg">texto</p>

javascript$('#test').removeClass('www ggg');

El código HTML quedará así:

html<p id="test" class="eee">texto</p>

Véase también