jQuery 操作 de propiedades - método addClass()

Manual de efectos de jQuery

Ejemplo

Agregar una clase a el primer elemento p:

$("button").click(function(){
  $("p:first").addClass("intro");
});

Prueba tu mismo

Definición y uso

El método addClass() agrega una o más clases a un elemento seleccionado.

Este método no eliminará las clases existentes, solo agregará una o más propiedades de clase.

Consejo:Para agregar varias clases, use espacios para separar los nombres de las clases.

Sintaxis

$(selector).addClass(class)
Parámetros Descripción
class Necesario. Especificar un o varios nombres de clase.

Agregar clases utilizando una función

Agregar clases a un elemento seleccionado utilizando una función.

Sintaxis

$(selector).addClass(function(index,oldclass))

Prueba tu mismo

Parámetros Descripción
function(index,oldclass)

Necesario. Especificar una función que regrese una o más clases a agregar.

  • index - Opcional. La posición de índice del selector.
  • class - Opcional. El nombre antiguo de la clase del selector.

Más ejemplos

Agregar dos clases a un elemento
Cómo agregar dos clases a un elemento seleccionado.
Cambiar la clase de un elemento
Como cualquier uso de addClass() y removeClass() para quitar la clase y agregar una nueva.

Manual de efectos de jQuery