Атрибуты

Также, стоит вспомнить, что у DOM-элементов бывают атрибуты отличные от класса, и мы их тоже можем изменять. Для этого нам потребуются следующие методы:

attr(attrName)	получение значения атрибута
attr(attrName, value)	установка значения атрибута
attr({ attribute1: value, attribute2: value })	установка нескольких значений
attr(attrName, function(index, value) { return value } )	используя функцию обратного вызова index это порядковый номер элемента в выборке value — текущее значение атрибута
removeAttr(attrName)	удаление атрибута

Атрибуты – это всё то, что мы видим внутри угловых скобок, когда пишем HTML-код:

<!-- В данном примере это href, title, class -->
<a href="#top" title="anchor" class="simple">To Top</a>

Атрибуты, с которыми вам чаще других придётся сталкиваться:

// получение адреса ссылки
$("a").attr("href");

// изменение адреса и заголовка ссылки
$("a").attr({
    "href": "http://anton.shevchuk.name",
    "title": "My Personal Blog"
});

// получение альтернативного текста картинки
$("img").attr("alt");

// изменение адреса картинки
$("img").attr("src", "/images/default.png");