Método jQuery attr ()

HTML de jQuery/Métodos CSS

El método attr () de jQuery obtiene o establece las propiedades y valores de los elementos seleccionados.

cuando se utiliza el método attr ()Obteneral establecer el valor de la propiedad, devolveráel primer elemento seleccionadoel valor.

cuando se utiliza el método attr ()Estableceral establecer el valor de la propiedad, seráTodos los elementos seleccionadosEstablecer una o más propiedades/pares de valores.

Para eliminar propiedades, utiliceremoveAttr ()Método.

Sintaxis:

Obtener el valor de la propiedad:

$ (selector).attr (attribute)

Establecer propiedades y valores:

$ (selector).attr (attribute, value)

Establecer múltiples propiedades y valores:

$ (selector).attr ({attribute:value, attribute:value, ...})

Establecer propiedades y valores utilizando una función

$ (selector).attr (attribute, function (index, currentValue))

Ejemplo

Obtener el valor de la propiedad src de la imagen:

$("button").click(function(){
　　$("img").attr("src");
});

Establecer la propiedad src de la imagen:

$("button").click(function(){
　　$("img").attr("src", "icon_jquery.png");
});

Establecer múltiples propiedades y valores:

$("button").click(function(){
　　$("img").attr({
　　　　alt: "Parrot Icon"
　　　　title: "Image by Seagull",
　　　　width: "350px",
　　　　height: "300px"
　　});
});

Establecer atributos y valores utilizando una función:

$("button").click(function(){
　　$("img").attr("width", function(i, val){
　　　　return val　-　60;
　　});
});

Establezca el valor del atributo src desde la lista desplegable:

Valor del parámetro

HTML de jQuery/Métodos CSS