Метод 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
,
который позволяет работать с атрибутами элементов