jQuery attr - мощный инструмент для работы с атрибутами элементов

Метод attr() в jQuery используется для получения или установки значения атрибута элемента.

Синтаксис:

.attr( имя_атрибута )

.attr( имя_атрибута, новое_значение )

Пример использования:

HTML-код:

 My Link

JavaScript-код:

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

var hrefValue = $('.myLink').attr('href');
console.log(hrefValue); // выведет "#"

2. Установка значения атрибута:

$('.myLink').attr('href', 'https://www.example.com');
console.log($('.myLink').attr('href')); // выведет "https://www.example.com"

3. Получение значения data-атрибута:

var dataValue = $('.myLink').data('value');
console.log(dataValue); // выведет "myData"

4. Установка значения data-атрибута:

$('.myLink').data('value', 'newData');
console.log($('.myLink').data('value')); // выведет "newData"

Также метод attr() может использоваться для работы с атрибутом style элемента:

$('.myLink').attr('style', 'color: red; font-size: 16px;');

Это установит стиль элемента с классом "myLink" на "красный цвет" и "размер шрифта 16 пикселей".

Использование метода attr() в jQuery очень гибкое и может быть применено для работы с любыми атрибутами элементов.