Trabalhando com atributos em jQuery

Agora vamos aprender a ler, adicionar e modificar atributos de tags HTML via jQuery. Tudo isso é feito usando o método attr. Ele funciona de maneira semelhante ao método html - dependendo do número de parâmetros, ele irá ler ou alterar o valor do atributo.

O primeiro parâmetro de attr recebe o nome do atributo, e o segundo - seu novo valor. Por exemplo, assim - .attr('value', 'www') - vamos escrever a string 'www' no atributo value.

Se chamarmos attr com um parâmetro, ele retornará o valor do atributo, cujo nome especificamos no primeiro parâmetro. Por exemplo, assim - .attr('value') - nós obtemos o valor do atributo value.

No exemplo a seguir, temos um input:

<input type="text" value="!!!" id="test">

Em seguida, obtemos o input pelo seu id e exibimos na tela o valor do seu atributo value:

alert($('#test').attr('value')); // exibirá '!!!'

Obtenha o conteúdo do atributo src da imagem pelo seu id, igual a www.

Obtenha o atributo href do link, contido no elemento com a classe www.

Obtenha o conteúdo dos atributos src de todas as imagens na página e exiba-os sequencialmente.

Obtenha o atributo href de todos os links e exiba-os sequencialmente.