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");
$("#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();
$("#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.