Как использовать методы для работы с атрибутами в jQuery?

Пользователь

от jaren , в категории: JavaScript , год назад

Как использовать методы для работы с атрибутами в jQuery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jett , год назад

@jaren 

jQuery предоставляет несколько методов для работы с атрибутами элементов на странице.


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

1
var srcValue = $('img').attr('src');


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

1
$('img').attr('src', 'new_image.jpg');


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

1
$('img').removeAttr('alt');


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

1
$('img').attr('title', 'New title');


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

1
2
3
if ($('img').hasAttr('alt')) {
  // do something
}


Также можно использовать метод .prop() для работы с свойствами элементов, например, для доступа к свойству checked у чекбокса.