Método jQuery addClass()

❮ Métodos jQuery HTML/CSS

Ejemplo

Agregue un nombre de clase al primer elemento <p>:

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

Definición y uso

El método addClass() agrega uno o más nombres de clase a los elementos seleccionados.

Este método no elimina los atributos de clase existentes, solo agrega uno o más nombres de clase al atributo de clase.

Sugerencia: para agregar más de una clase, separe los nombres de las clases con espacios.


Sintaxis

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

Pruébelo usted mismo - Ejemplos


Cómo agregar dos nombres de clase a un elemento específico.


Cómo agregar clases a elementos seleccionados usando una función.


Cómo usar addClass() y removeClass() para eliminar un nombre de clase y agregar un nuevo nombre de clase.


❮ Métodos jQuery HTML/CSS