Методот prop

Методот prop овозможува добивање и менување на својство на елемент. Важно е да не се мешаат својствата и атрибутите на елементите. При креирањето на DOM дрвото, атрибутите се претвораат во соодветните DOM својства на елементите. Нивните имиња не секогаш се совпаѓаат, како и нивните вредности. Некои својства може да немаат соодветни атрибути, тие може да се добијат и постават само при користење на методот prop, на пример својството tagName. За добивање на атрибути на елемент, користете го методот attr.

Синтакса

Добивање на вредност на својство:

$(селектор).prop(име на својство);

Менување на вредност на својство:

$(селектор).prop(име на својство, нова вредност);

Менување на вредности на повеќе својства:

$(селектор).prop({прво_својство: нова_вредност, второ_својство: нова_вредност, ...});

Примена на функција на секој елемент во множеството:

$(селектор).prop(име на својство, function(број во множеството, тековна вредност на својството));

Пример

Во следниот пример ќе добиеме параграф по неговиот id и ќе ја прикажеме на екранот вредноста на неговото својство className:

<p id="test" class="aaa">text</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,
кој овозможува работа со атрибути на елементи