jQuery operação de atributo - método attr()

Manual de referência de efeitos jQuery

Exemplo

Mudar a propriedade width da imagem:

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

Experimente pessoalmente

Definição e uso

O método attr() define ou retorna o valor da propriedade do elemento selecionado.

De acordo com os diferentes parâmetros deste método, sua maneira de funcionar também varia.

Retorne o valor da propriedade

Retorne o valor da propriedade do elemento selecionado.

Sintaxe

$(selector).attr(attribute)
Parâmetro Descrição
attribute Defina a propriedade a ser obtida o valor.

Experimente pessoalmente

Defina propriedade/valor

Defina a propriedade e o valor do elemento selecionado.

Sintaxe

$(selector).attr(attribute,value)
Parâmetro Descrição
attribute Defina o nome da propriedade.
value Defina o valor da propriedade.

Experimente pessoalmente

Use uma função para definir propriedade/valor

Defina a propriedade e o valor do elemento selecionado.

Sintaxe

$(selector).attr(attribute,function(index,oldvalue))
Parâmetro Descrição
attribute Defina o nome da propriedade.
function(index,oldvalue)

Defina a função que define o valor da propriedade de retorno.

Esta função pode aceitar e usar o valor de índice do seletor e o valor atual da propriedade.

Experimente pessoalmente

Defina múltiplos pares de propriedade/valor

Defina uma ou mais propriedades e valores para o elemento selecionado.

Sintaxe

$(selector).attr({attribute:value, attribute:value ...})
Parâmetro Descrição
attribute:value Defina um ou mais pares de atributo/valor.

Experimente pessoalmente

Manual de referência de efeitos jQuery