Atrybuty elementu mogą zawierać informacje ważne dla aplikacji — musimy zatem wiedzieć, w jaki sposób je pobierać i ustawiać.

Metoda $.fn.attr może być wykorzystana zarówno jako metoda pobierająca, jak i ustawiająca. Podobnie jak w przypadku metody $.fn.css, metoda ustawiająca $.fn.attr przyjmuje albo klucz i wartość, albo obiekt zawierający co najmniej jedną parę klucz-wartość.

Przykład 3.22. Ustawianie atrybutów

$('a').attr('href', 'wszystkieMojeHrefySaTerazTakieSame.html');
$('a').attr({
    'title' : 'wszystkie tytuły też są takie same!',
    'href' : 'cosNowego.html'
});

Tym razem rozbiliśmy kod obiektu na kilka linijek. Pamiętaj, że białe znaki nie mają żadnego specjalnego znaczenia w języku JavaScript — możesz ich zatem używać kiedy tylko chcesz, żeby zwiększyć czytelność kodu! Przed utworzeniem wersji produkcyjnej możesz skorzystać z narzędzia do minimalizacji, aby usunąć wszystkie zbędne białe znaki.

Przykład 3.23. Pobieranie atrybutów

$('a').attr('href');  // zwraca href pierwszego elementu a w dokumencie