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