Metóda prop

Metóda prop umožňuje získať a zmeniť vlastnosť elementu. Dôležité je nepliesť si vlastnosti a atribúty elementov. Pri vytváraní DOM stromu sa atribúty prevádzajú na im zodpovedajúce DOM vlastnosti elementov. Ich názvy nie vždy súhlasia, rovnako ako ich hodnoty. Niektoré vlastnosti tiež nemusia mať zodpovedajúce atribúty, môžu byť získané a nastavené len pri použití metódy prop, napríklad vlastnosť tagName. Pre získanie atribútov elementu, použite metódu attr.

Syntax

Získanie hodnoty vlastnosti:

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

Zmena hodnoty vlastnosti:

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

Zmena hodnôt viacerých vlastností:

$(selektor).prop({prvá_vlastnosť: nová_hodnota, druhá_vlastnosť: nová_hodnota, ...});

Aplikácia funkcie na každý element v súbore:

$(selektor).prop(názov vlastnosti, function(číslo v súbore, aktuálna hodnota vlastnosti));

Príklad

V nasledujúcom príklade získame odsek podľa 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);

Príklad

Zmeňme súčasne vlastnosti pre className a disabled:

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

Pozri tiež

metóda removeProp,
ktorá umožňuje odstraňovať vlastnosti elementov
metóda attr,
ktorá umožňuje pracovať s atribútmi elementov