Los últimos tutoriales de desarrollo web
 

jQuery addClass() Method

<JQuery HTML / CSS Métodos

Ejemplo

Añadir un nombre de clase de la primera <p> elemento:

$("button").click(function(){
    $("p:first").addClass("intro");
});
Inténtalo tú mismo "

Definición y Uso

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

Este método no elimina los atributos de clase existentes, sólo añade uno o más nombres de clase para el 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,oldclass))

Parámetro Descripción
classname Necesario. Especifica uno o más nombres de clase que se añadirán
function(index,currentclass) Opcional. Especifica una función que devuelve uno o más nombres de clase que han de añadirse
  • index - Devuelve la posición del índice del elemento en el conjunto
  • currentclass - Devuelve el nombre de la clase actual del elemento seleccionado

Inténtelo usted mismo - Ejemplos

Añadir dos clases a un elemento
Cómo agregar dos nombres de clase a un elemento especificado.

Añadir clases utilizando una función
Cómo agregar clases a los elementos seleccionados utilizando una función.

Cambiar el nombre de la clase de un elemento
Cómo utilizar addClass() y removeClass() para eliminar un nombre de clase, y añadir un nuevo nombre de la clase.


<JQuery HTML / CSS Métodos