Trabajo con atributos en jQuery
Ahora aprenderemos a leer, agregar
y modificar atributos de etiquetas HTML a través de jQuery.
Todo esto se hace usando el método
attr.
Funciona de manera similar al método
html
- dependiendo de la cantidad de parámetros
leerá o modificará el valor del atributo.
El primer parámetro de attr recibe
el nombre del atributo, y el segundo - su nuevo valor.
Por ejemplo, así - .attr('value',
- escribiremos la cadena 'www')'www' en el atributo
value.
Si llamamos a attr con un parámetro,
entonces devolverá los valores del atributo, cuyo nombre
indicamos en el primer parámetro.
Por ejemplo, así - .attr('value') -
obtendremos el valor del atributo value.
En el siguiente ejemplo tenemos un input:
<input type="text" value="!!!" id="test">
Luego obtenemos el input por
su id y mostramos en pantalla el valor
de su atributo value:
alert($('#test').attr('value')); // mostrará '!!!'
Obtenga el contenido del atributo
src de la imagen por su id, igual a
www.
Obtenga el atributo href del enlace,
contenido en el elemento con clase www.
Obtenga el contenido de los atributos src
de todas las imágenes en la página y muéstrelos
secuencialmente.
Obtenga el atributo href de todos los enlaces y
muéstrelos secuencialmente.