Atributos HTML
Todas las etiquetas HTML permiten atributos globales, y cada etiqueta en especial tiene sus propios atributos.
Por ejemplo, un atributo global es id, el cual puede ser aplicado a todas las etiquetas y se representa de la siguiente manera:
|
1 |
<p id="mi-parrafo">El contenido</p> |
El método attr()
Con jQuery por medio del método attr() puede cambiar el valor de un atributo, y en caso de que el elemento no tenga el atributo, entonces lo agregará.
|
1 |
$('p').attr('id','otro-id'); |
Quitar un atributo
Para remover un atributo, no basta con dejar su valor en blanco, pues el atributo seguirá existiendo en el elemento.
Para esto se utiliza el método removeAttr().
|
1 |
$('p').removeAttr('id'); |
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.
¿Y qué pasa si no quiero cambiarle el atributo a tooodos los de la página?
¿Cómo podría cambiarle el atributo solamente al de id=”mi-parrafo”?
De antenamo gracias.
Saludos.
¬¬ esta cosa no me dejó escribir bien lo que quería.
“copypastearé” y corregiré:
¿Y qué pasa si no quiero cambiarle el atributo a tooodos los párrafos de la página?
¿Cómo podría cambiarle el atributo solamente al párrafo con id=”mi-parrafo”?
De antenamo gracias.
Saludos.
Dentro del selector que usas de jQuery puedes utilizar cualquier selector de CSS, ejemplo: