JQUERY: AGREGANDO Y ELIMINANDO CLASES CSS

PRESENTACIÓN

Una de las tareas comunes que hacemos cuando trabajamos con JQuery, es agregar y eliminar clases CSS, por ejemplo de un DIV.

En este articulo veras lo fácil que resulta hacerlo con JQUERY.

EJEMPLO

Se tiene el siguiente div:

<div id="divMensaje"></div>

Si lo que quieres es agregarle la clase CSS de nombre egcc_success, este es el código JavaScript utilizando JQuery:

$("#divMensaje").addClass("egcc_success");

Si lo que quieres es eliminar la clase CSS de nombre egcc_success, este es el código JavaScript utilizando JQuery:

$("#divMensaje").removeClass("egcc_success");

Se pueden agregar o eliminar varias clases en una sola instrucción:

// Agregar varias clases
$("#divMensaje").addClass("clase1 clase2 clase3");

// Eliminar varias clases
$("#divMensaje").removeClass("clase1 clase2 clase3");

También puedes eliminar todas las clases con una sola instrucción:

// Eliminar todas las clases
$("#divMensaje").removeClass();

CODIGO FUENTE

En esta sección te presento un video que una aplicación CLIENTE-SERVIDOR desarrollada con Java y Oracle.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente