jQuery - Operación de Propiedad - Método attr()

Manual de Referencia de Efectos de jQuery

Ejemplo

Cambiar la propiedad width de la imagen:

$("button").click(function(){
  $("img").attr("width","180");
});

Prueba por ti mismo

Definición y uso

El método attr() establece o devuelve el valor de la propiedad del elemento seleccionado.

Diferentes parámetros de este método, su modo de trabajo también es diferente.

Devuelve el valor de la propiedad

Devuelve el valor de la propiedad del elemento seleccionado.

Sintaxis

$(selector).attr(atributo)
Parámetros Descripción
atributo Especifica la propiedad para obtener su valor.

Prueba por ti mismo

Establecer propiedades/valores

Establece las propiedades y valores del elemento seleccionado.

Sintaxis

$(selector).attr(atributo,valor)
Parámetros Descripción
atributo Especifica el nombre de la propiedad.
valor Especifica el valor de la propiedad.

Prueba por ti mismo

Usar una función para establecer propiedades/valores

Establece las propiedades y valores del elemento seleccionado.

Sintaxis

$(selector).attr(atributo,function(index,oldvalue))
Parámetros Descripción
atributo Especifica el nombre de la propiedad.
function(index,oldvalue)

Especifica la función que regresa el valor de la propiedad.

Esta función puede recibir y usar el valor de índice del selector y el valor actual de la propiedad.

Prueba por ti mismo

Establecer múltiples pares de propiedades/valores

Establece una o más propiedades y valores para los elementos seleccionados.

Sintaxis

$(selector).attr({atributo:valor, atributo:valor ...})
Parámetros Descripción
atributo:valor Especifica uno o más pares de atributo/valor.

Prueba por ti mismo

Manual de Referencia de Efectos de jQuery