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:

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

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

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