Для работы с большинством атрибутов используется метод .attr(). Этот метод имеет двойное назначение. Во-первых, он позволяет прочитать заданный атрибут, используя имя требуемого атрибута в качестве первого и единственного в данном случае параметра. Во-вторых, с его помощью можно установить атрибут, передавая имя устанавливаемого атрибута в качестве первого параметра, а его значение — в качестве второго.

 
Сначала извлеките значение идентификатора (ID) последнего абзаца с помощью приведенного ниже кода.

$("p:eq(3)").attr("id");

При этом в консоли будет получен следующий результат.

______________________________
>>> $("p:eq(3)").attr("id");
"bar"

______________________________

Затем измените атрибут ID последнего абзаца на "bat", используя такой код:

$("#bar").attr("id","bat");

После выполнения этого кода в консоли отобразится следующий вывод.
_______________________________

>>> $("#bar").attr("id","bat");
[p#bat]

_______________________________

Если попытаться выбрать элементы с идентификатором bar, будет возвращен пустой результирующий набор.
_______________________________

$("#bar");
[]

_______________________________

Однако теперь можно выбрать абзац с идентификатором bat.
_______________________________

>>> $("#bat");
[p#bat]

_______________________________

Кроме того, использование формата JSON позволяет задать сразу несколько атрибутов.

$("p:eq(3)").attr({
   "id":"baz",
   "title":"Очаровательный абзац, не правда ли?"
});

Открыв после выполнения этого кода панель HTML в Firebug, можно убедиться в том, что разметка абзаца изменилась.
________________________________________________________________________________________

>>> $("p:eq(3)").attr({ "id":"baz", "title":"Очаровательный абзац, не правда ли?" });
[p#baz]

________________________________________________________________________________________