Método jQuery attr()

HTML do jQuery/Métodos CSS

O método attr() obtém ou define as propriedades e valores dos elementos selecionados.

ao usar o método attr()obterao definir o valor da propriedade, ele retornaráo primeiro elemento selecionadoo valor.

ao usar o método attr()definirao definir o valor da propriedade, ele seráTodos os elementos selecionadosDefinir uma ou mais propriedades/par de valores.

Para excluir propriedades, useremoveAttr()Método.

Sintaxe:

Obter o valor da propriedade:

$("selector").attr(attribute)

Definir propriedade e valor:

$("selector").attr(attribute, value)

Definir várias propriedades e valores:

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

Definir propriedade e valor usando função

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

Exemplo

Obter o valor da propriedade src da imagem:

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

Definir a propriedade src da imagem:

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

Definir várias propriedades e valores:

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

Definir propriedade e valor usando função:

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

Defina o valor da propriedade src a partir da lista suspensa:

Valor do Parâmetro

HTML do jQuery/Métodos CSS