На этом шаге мы приведем общие сведения по работе с атрибутами.
Во всех предыдущих шагах для демонстрации способов изменения внешнего вида элементов страницы мы использовали методы .addClass() и .removeClass(). В действительности эти два метода манипулируют атрибутом class (или, говоря на языке DOM, свойством className). Метод .addClass() создает или добавляет атрибут, а метод .removeClass() удаляет или укорачивает значение этого атрибута. Присовокупим к ним метод .toggleClass(), который может добавлять или удалять класс, и мы получим эффективный и надежный набор средств для работы с классами CSS.
Однако атрибут class - это лишь один из множества атрибутов, значения которых нам может потребоваться получить или изменить (примерами таких атрибутов являются: id, rel и href). Для работы с этими атрибутами библиотека jQuery предоставляет методы .attr() и .removeAttr(). Методы .attr() и .removeAttr() могут использоваться и для изменения значения атрибута class, но в данном случае предпочтительнее использовать специализированные методы .addClass() и .removeClass(), потому что они корректно обрабатывают ситуации, когда к одному элементу применяется несколько классов, например <div class="first second">.
На следующем шаге мы рассмотрим атрибуты, отличные от атрибута class.