Desarrollando

en tu idioma

Escrito por: TiraCodigo
Etiquetas: attr, prop, obtener, propiedad, atributos

Para acceder a los atributos y a las propiedades utilizamos las funciones attr() y prop(), a continuación veremos su uso.

Al modificar valores de los atributos con jQuery utilizamos la función attr(), la cual nos permite tanto obtener el valor de un atributo, así como asignarle un valor al mismo, a continuación los ejemplos:

Obtención del valor:

para obtener el valor un atributo, solo basta con especificar el que se requiere en el primer parámetro de la función attr, supongamos que queremos saber el valor del atributo src de una imagen:

valor = $("img").attr("src");

Asignación del valor:

A la hora de asignar un valor al atributo, solo debemos agregar el valor en el segundo parámetro de la función attr, supongamos que queremos asignar una nueva url en el atributo src de una imagen:

$("img").attr("src","imagen.jpg");

Para modificar propiedades de objetos de javascript, utilizamos la función prop(), el cual devuelve los valores de las propiedades del DOM, y su uso es similar a la función attr

Obtención del valor:

valor = $(objImagen).prop("src");

Asignación del valor:

$(objImagen).prop("src","imagen.jpg");

Una diferencia clara entre las funciones attr() y prop(), es que attr() sirve para modificar los atributos de HTML, mientras que prop() te ayuda a acceder a los valores del objeto de javascript del DOM