Cambiar el nombre de una clase css con javascript y con jquery

Hoy he aprendido una cosita bastante sencilla pero muy util con jquery.

Estaba haciendo un pequeño desarrollo con PHP y AJAX para que un usuario pudiese seleccionar su nick en un simple input text.
El tema es que cuando el nick estuviese ocupado me tendría que mostrar un mensaje en un div y cambiar el class para que se mostrase una clase css determinada.

Esto yo sabía como hacerlo en javascript, pero resulta que en IE 6 peta, como siempre!!!

Para lo que no lo sepan se haría con la siguiente sentencia:

document.getElementById("xxxxxxxxxx").setAttribute("class", "error");

donde:

1. xxxxxxxxxx es el id de mi div, tambien puede ser un p, o un span.
2. class, es el atributo que queremos cambiar de la etiqueta html que estamos usando, en mi caso es el div, pero repito, puede ser un p o un span.
3. error es el nombre de la clase css que he definido en mi hoja de estilos, que tiene un background y una imagen de fondo que muestra el look & feel de un mensajito de error.

Pero bueno lo que he aprendido es a hacerlo con jquery, lo cual es una pasada porque en sólo una linea puedes añadir, modificar o eliminar el nombre de la clase css.

La sentencia es la siguiente:

• Para añadir una clase css a un elemento HTML

  $('#xxxxxxxxxx ').addClass('error');

• Para eliminarlo 

  $('#xxxxxxxxxx ').removeClass('error');

KEEP IT SIMPLE!!

Tags de búsquedas:

jquery cambiar class, cambiar clase jquery, jquery cambiar clase, cambiar clase con jquery, cambiar class jquery, cambiar class con jquery, cambiar clase css jquery, jquery cambiar css, jquery cambiar clase css, cambiar css con jquery

Posts Relacionados:

• obtener el nombre del dominio con javascript Pues algo que acabo de hacer y no sabía. Sacar el nombre del dominio de la web en la que estás. Mediante JavaScript podemos obtener la información del dominio de...
• Centrar un div con jquery Para centrar un div horizontalmente y verticalmente normalmente se usa css para ello. Pero a veces es imposible hacerlo mediante css, porque cada usuario tiene una resolucion en su pantalla...
• mensajes de ayuda o tooltip con jquery Los tooltips o mensajes de ayuda son pequeños esa pequeñas cosas que juegan un gran rol en el diseño y en la atracción del usuario, por lo que si están...
• Cambiar el status de facebook desde una web externa o blog. Una nueva manera de personalizar nuestro site con el SDK de Javascript es usar la función FB.ui. Esta función invoca la plataforma de diálogos o ventanas emergentes, literalmente es Platform...
• Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery A continuación indico algunas funciones de Jquery muy útiles para trabajar con elementos de formularios. En este caso para trabajar con checkbox. Seleccionar/deseleccionar un checkbox: Seleccionar/deseleccionar todos los checkbox: A...