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:
$(selector).removeClass(nombre de la clase CSS)
Varias clases CSS:
$(selector).removeClass('clase1 clase2 clase3 ...')
Aplicación de una función a cada elemento del conjunto:
$(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:
<p id="test" class="eee www">texto</p>
$('#test').removeClass('www');
El código HTML quedará así:
<p id="test" class="eee">texto</p>
Ejemplo
Nuestro párrafo ya tiene una clase. Eliminemos esta clase:
<p id="test" class="www">texto</p>
$('#test').removeClass('www');
El código HTML quedará así:
<p id="test" class="">texto</p>
Ejemplo
Nuestro párrafo ya tiene 3 clases.
Eliminemos dos clases - www y
ggg:
<p id="test" class="eee www ggg">texto</p>
$('#test').removeClass('www ggg');
El código HTML quedará así:
<p id="test" class="eee">texto</p>
Véase también
-
métodos
addClass,toggleClass,hasClass -
Propiedad JavaScript
classlist,
que permite agregar y eliminar clases CSS de un elemento en JavaScript puro
