English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод jQuery attr()

Методы HTML/CSS jQuery

Метод attr() jQuery��取 или устанавливает свойства и значения выбранного элемента.

Когда метод attr() используется дляПолучитеЗначение атрибута, он вернетПервый выбранный элементЗначение.

Когда метод attr() используется дляУстановитеЗначение атрибута, он будетВсе выбранные элементыУстановите один или несколько пар свойств/значений.

Чтобы удалить атрибут, пожалуйста, используйтеremoveAttr()Метод.

Грамматика:

Получите значение свойства:

$(selector).attr(attribute)

Установите свойства и значения:

$(selector).attr(attribute, value)

Установите несколько свойств и значений:

$(selector).attr({attribute:value, attribute:value, ...})

Используйте функцию для установки свойств и значений

$(selector).attr(attribute, function(index, currentValue))

Пример

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

$("button").click(function(){
  $("img").attr("src");
});
Проверьте, посмотрите‹/›

Установите атрибут src изображения:

$("button").click(function(){
  $("img").attr("src", "icon_jquery.png");
});
Проверьте, посмотрите‹/›

Установите несколько свойств и значений:

$("button").click(function(){
  $("img").attr({}}
    alt: "Parrot Icon",
    title: "Image by Seagull",
    width: "350px",
    height: "300px"
  });
});
Проверьте, посмотрите‹/›

Установить атрибут и значение с помощью функции:

$("button").click(function(){
  $("img").attr("width", function(i, val){
    return val - 60;
  });
});
Проверьте, посмотрите‹/›

Установить значение атрибута src из списка выбора:


   
Запустить код

Значение параметра

ПараметрыОписание
attributeУказать имя атрибута
valueУказать значение атрибута
function(index, currentValue)Указать функцию, которая возвращает значение атрибута для установки
  • index-Вернуть индекс位置的 элемента в наборе

  • currentValue-Вернуть текущее значение атрибута选定ного элемента

Методы HTML/CSS jQuery