АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
6 of 119 menu
НОВИНКА: Практика на Реальных Проектах и Работы в Портфолио. Бесплатный курс! Жми для записи!

Метод prop

Метод prop позволяет получить и изменить свойство элемента. Важно не путать свойства и атрибуты элементов. При создании DOM дерева атрибуты переводятся в соответствующие им DOM свойства элементов. Их названия не всегда совпадают, как и их значения. Некоторые свойства также могут не иметь соответствующих им атрибутов, они могут быть получены и установлены только при использовании метода prop, например свойство tagName. Для получение атрибутов элемента, используйте метод attr.

Синтаксис

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

$(селектор).prop(имя свойства);

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

$(селектор).prop(имя свойства, новое значение);

Изменение значений нескольких свойств:

$(селектор).prop({первое_свойство: новое_значение, второе_свойство: новое_значение, ...});

Применение функции к каждому элементу в наборе:

$(селектор).prop(имя свойства, function(номер в наборе, текущее значение свойства));

Пример

В следующем примере мы получим абзац по его id и выведем на экран значение его свойства className:

<p id="test" class="aaa">text</p> let value = $('#test').prop('className'); console.log(value);

Пример

Давайте поменяем одновременно свойства для className и disabled:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Смотрите также

  • метод removeProp,
    который позволяет удалять свойства элементов
  • метод attr,
    который позволяет работать с атрибутами элементов
enru