Índice

Añadir o eliminar una clase CSS

addClass(clase)

Añade la clase CSS especificada a todos los elementos seleccionados.

$("p:last").addClass("seleccion"): añade la clase seleccion al último párrafo.

Este método devuelve un objeto jQuery.

Comentarios

Observe que este método no sustituye a una clase, sino que la añade.

Es posible añadir más de una clase al mismo tiempo. Para hacer esto, basta con especificarlas una detrás de otra, separadas por un espacio:

addClass(clase1 clase2 clase3)

Este método addClass() se asocia normalmente con el método removeClass(), lo que permite crear un efecto de conmutación.

removeClass(clase)

Elimina la clase especificada de todos los elementos seleccionados.

$("p:last").removeClass("seleccion"): elimina la clase seleccion del último párrafo.

Este método devuelve un objeto jQuery.

Ejemplo

Al pasar el ratón por encima de un párrafo, lo resaltamos dándole un color de fondo. Este efecto se consigue añadiendo una clase al movimiento del ratón.

La ventana sin pasar por encima de ningún párrafo.

images/3_2_v41.png

La ventana al pasar por encima de un párrafo.

images/3_2_v42.png

El archivo HTML completo:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function()  ...