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:

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

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

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

Otrzymaj zawartość atrybutu src obrazka po jego id, równym www.

Otrzymaj atrybut href linku, zawartego w elemencie z klasą www.

Otrzymaj zawartość atrybutów src wszystkich obrazków na stronie i kolejno je wyświetl.

Otrzymaj atrybut href wszystkich linków i kolejno je wyświetl.