Metoda prop

Metoda prop umožňuje získat a změnit vlastnost elementu. Je důležité nezaměňovat vlastnosti a atributy elementů. Při vytváření DOM stromu jsou atributy převedeny na odpovídající DOM vlastnosti elementů. Jejich názvy ne vždy odpovídají, stejně jako jejich hodnoty. Některé vlastnosti také nemusí mít odpovídající atributy, mohou být získány a nastaveny pouze při použití metody prop, například vlastnost tagName. Pro získání atributů elementu použijte metodu attr.

Syntaxe

Získání hodnoty vlastnosti:

$(selektor).prop(název vlastnosti);

Změna hodnoty vlastnosti:

$(selektor).prop(název vlastnosti, nová hodnota);

Změna hodnot více vlastností:

$(selektor).prop({první_vlastnost: nová_hodnota, druhá_vlastnost: nová_hodnota, ...});

Aplikace funkce na každý element v sadě:

$(selektor).prop(název vlastnosti, function(pořadí v sadě, aktuální hodnota vlastnosti));

Příklad

V následujícím příkladu získáme odstavec podle jeho id a vypíšeme na obrazovku hodnotu jeho vlastnosti className:

<p id="test" class="aaa">text</p>

let value = $('#test').prop('className');
console.log(value);

Příklad

Pojďme současně změnit vlastnosti className a disabled:

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

Viz také

metoda removeProp,
která umožňuje mazat vlastnosti elementů
metoda attr,
která umožňuje pracovat s atributy elementů