Metodas prop

Metodas prop leidžia gauti ir pakeisti elemento savybę. Svarbu nepainioti savybių ir elementų atributų. Kuriant DOM medį atributai paverčiami atitinkamomis DOM elemento savybėmis. Jų pavadinimai ne visada sutampa, kaip ir jų reikšmės. Kai kurios savybės taip pat gali neturėti jiems atitinkamų atributų, jos gali būti gautos ir nustatytos tik naudojant metodą prop, pavyzdžiui savybė tagName. Norint gauti elemento atributus, naudokite metodą attr.

Sintaksė

Savybės reikšmės gavimas:

$(selektorius).prop(savybės pavadinimas);

Savybės reikšmės keitimas:

$(selektorius).prop(savybės pavadinimas, nauja reikšmė);

Kelių savybių reikšmių keitimas:

$(selektorius).prop({pirmoji_savybė: nauja_reikšmė, antroji_savybė: nauja_reikšmė, ...});

Funkcijos taikymas kiekvienam elementui rinkinyje:

$(selektorius).prop(savybės pavadinimas, function(numeris rinkinyje, dabartinė savybės reikšmė));

Pavyzdys

Šiame pavyzdyje mes gausime pastraipą pagal jos id ir išvesime į ekraną jos savybės className reikšmę:

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

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

Pavyzdys

Pakeiskime vienu metu savybes className ir disabled:

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

Taip pat žiūrėkite

metodas removeProp,
kuris leidžia pašalinti elementų savybes
metodas attr,
kuris leidžia dirbti su elementų atributais