Metoda prop

Metoda prop permite obținerea și modificarea unei proprietăți a unui element. Este important să nu confundați proprietățile și atributele elementelor. La crearea arborelui DOM, atributele sunt convertite în proprietățile DOM corespunzătoare ale elementelor. Denumirile lor nu coincid întotdeauna, la fel ca și valorile lor. Unele proprietăți pot, de asemenea, să nu aibă atribute corespunzătoare, ele pot fi obținute și setate doar folosind metoda prop, de exemplu proprietatea tagName. Pentru obținerea atributelor unui element, utilizați metoda attr.

Sintaxă

Obținerea valorii unei proprietăți:

$(selector).prop(numele proprietății);

Modificarea valorii unei proprietăți:

$(selector).prop(numele proprietății, valoarea nouă);

Modificarea valorilor mai multor proprietăți:

$(selector).prop({prima_proprietate: valoare_nouă, a_doua_proprietate: valoare_nouă, ...});

Aplicarea unei funcții pentru fiecare element din set:

$(selector).prop(numele proprietății, function(numărul din set, valoarea curentă a proprietății));

Exemplu

În exemplul următor vom obține un paragraf după id-ul său și vom afișa valoarea proprietății sale className:

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

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

Exemplu

Să schimbăm simultan proprietățile pentru className și disabled:

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

Vedeți și

metoda removeProp,
care permite ștergerea proprietăților elementelor
metoda attr,
care permite lucrul cu atributele elementelor