Hola que tal, El día de hoy tendremos un articulo corto pero de mucha utilidad, pues hablaremos de una fantástica función de la librería jQuery que nos permitirá añadir, remover y modificar las clases y atributos de manera rápida y sencilla.

jquery-add-and-remove

Y sin más que decir vamos a lo que nos interesa.

Añadir / Eliminar Clases

Añadir clase: Agregar una clase a un elemento determinado usando:

$("selector").addClass("nombreclase")

Eliminar clase: La acción es muy parecida, pero en esta ocasión sustituyendo «addclass» y agregando «remoteClass».

$("selector").remoteClass("nombreclase")
  • Eliminar todas las clases de un elemento determinado.
$("selector").removeClass()

 

Añadir / Eliminar Atributos

Añadir atributo: Para dicha acción la sintaxis sera la siguiente:

$("selector").attr("nombreatributo","valor")
  • Añadir múltiples atributos a un elemento:
$("selector").attr({nombreatributo1:"valor", nombreatributo2:"valor"})

Eliminar atributo: Esta vez eliminamos la acción «attr» y agregamos «removeattr«:

$("selector").removeAttr("nombreatributo")

 

Genial hemos terminado, ahora podrás tener mayor control, accesibilidad y mas en la estructura de tu sitio web.  Espero te sea de mucha utilidad, en el próximo articulo estaremos hablando acerca de la función ‘show‘ y ‘hide‘ de jQuery. Recuerda compartir en tu red social favorita, hasta la proxima. :lol:.