Работа с атрибути в jQuery

Сега ще се научим да четем, добавяме и променяме атрибути на HTML тагове чрез jQuery. Всичко това се прави с помощта на метода attr. Той работи подобно на метода html - в зависимост от броя на параметрите той ще чете или променя стойността на атрибута.

Първият параметър attr приема името на атрибута, а вторият - неговата нова стойност. Например, така - .attr('value', 'www') - ще запишем низ 'www' в атрибута value.

Ако извикаме attr с един параметър, той ще върне стойностите на атрибута, чието име посочваме в първия параметър. Например, така - .attr('value') - ние ще получим стойността на атрибута value.

В следващия пример имаме вход:

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

След това получаваме входа по неговия id и извеждаме на екрана стойността на неговия атрибут value:

alert($('#test').attr('value')); // ще изведе '!!!'

Вземете съдържанието на атрибута src на изображението по неговия id, равен на www.

Вземете атрибута href на връзката, съдържаща се в елемента с клас www.

Вземете съдържанието на атрибутите src на всички изображения на страницата и последователно ги изведете.

Вземете атрибута href на всички връзки и последователно ги изведете.