Атрибуты

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

attr(attrName) — получение значения атрибута

attr(attrName, attrValue) — установка значения атрибута (также можно использовать hash либо функцию обратного вызова)

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");