Praca z atrybutami w jQuery

Teraz nauczymy się odczytywać, dodawać i zmieniać atrybuty tagów HTML poprzez jQuery. Wszystko to jest realizowane za pomocą metody attr. Działa ona podobnie do metody html - w zależności od liczby parametrów będzie ona odczytywać lub zmieniać wartość atrybutu.

Pierwszym parametrem attr przyjmuje nazwę atrybutu, a drugim - jego nową wartość. Na przykład, tak - .attr('value', 'www') - zapiszemy ciąg znaków 'www' w atrybucie value.

Jeśli wywołać attr z jednym parametrem, to zwróci ona wartości atrybutu, którego nazwę wskazujemy w pierwszym parametrze. Na przykład, tak - .attr('value') - otrzymamy wartość atrybutu value.

W następującym przykładzie mamy input:

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

Następnie otrzymujemy input po jego id i wyświetlamy na ekranie wartość jego atrybutu value:

javascriptalert($('#test').attr('value')); // wyświetli '!!!'