Усули prop

Усули prop имкон медиҳад, ки хосияти як элемент гирифта ва тағйир дода шавад. Муҳим аст, ки хосиятҳо ва сифатҳои (атрибутҳои) элементҳо бо якдигар омехта нашаванд. Ҳангоми сохтани дарахти DOM, сифатҳо (атрибутҳо) ба хосиятҳои DOM-ии мувофиқи элементҳо тарҷума мешаванд. Номҳо ва қиматҳои онҳо ҳамеша якхела нестанд. Баъзе хосиятҳо инчунин метавонанд сифатҳои (атрибутҳои) мувофиқ надошта бошанд, онҳо танҳо вақте ки аз усули prop истифода мешавад, гирифта ва таъин карда мешаванд, масалан хосияти tagName. Барои гирифтани сифатҳои (атрибутҳои) элемент, аз усули attr истифода баред.

Синтаксис

Гирифтани қимати хосият:

$(селектор).prop(номи хосият);

Тағйир додани қимати хосият:

$(селектор).prop(номи хосият, қимати нав);

Тағйир додани қиматҳои чанд хосият:

$(селектор).prop({хосияти_якум: қимати_нав, хосияти_дуюм: қимати_нав, ...});

Татбиқ кардани функсия ба ҳар як элемент дар маҷмӯъ:

$(селектор).prop(номи хосият, function(рақам дар маҷмӯъ, қимати ҷории хосият));

Намуна

Дар намунаи зерин мо параграфро тавассути id-и он мегирем ва қимати хосияти className-и онро ба экран бароварда менамоем:

<p id="test" class="aaa">матн</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,
ки имкон медиҳад бо сифатҳои (атрибутҳои) элементҳо кор карда шавад