.attr() в jQuery: инструкция с примерами

Изменение атрибута src у изображения

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

$("img").attr("src", "newimage.jpg");

Этот код изменит атрибут src у всех изображений на странице на newimage.jpg.

Получение значения атрибута

Вы можете использовать .attr() для получения значения атрибута. Например, если вы хотите узнать значение атрибута href у ссылки, то можете использовать следующий код:

var linkHref = $("a").attr("href");

Этот код присвоит значение атрибута href первой найденной на странице ссылке переменной linkHref.

Изменение нескольких атрибутов

Чтобы изменить несколько атрибутов одновременно, вы можете использовать .attr() несколько раз, но это не очень удобно.
Вместо этого вы можете передать объект с парами атрибут: значение.

Например:

$("img").attr({
  "src": "newimage.jpg",
  "alt": "New Image"
});

Этот код изменит атрибуты src и alt у всех изображений на странице.

Удаление атрибута

Для удаления атрибута можно использовать .removeAttr(). Например, если вы хотите удалить атрибут alt у всех изображений, можно написать следующий код:

$("img").removeAttr("alt");

Заключение

Функция .attr() в Jquery позволяет легко изменять, получать и удалять атрибуты элементов HTML. Она может быть особенно полезна для динамического изменения содержимого страницы. Надеюсь, данная инструкция и примеры помогут вам лучше понять, как использовать .attr() в своих проектах.