Метод prop

Методът prop позволява да се получава и променя свойство на елемент. Важно е да не се бъркат свойства и атрибути на елементи. При създаване на DOM дървото атрибутите се превеждат в съответните им DOM свойства на елементи. Техните имена не винаги съвпадат, както и техните стойности. Някои свойства също може да нямат съответстващи им атрибути, те могат да бъдат получени и зададени само при използване на метода prop, например свойството tagName. За получаване на атрибути на елемент, използвайте метода attr.

Синтаксис

Получаване на стойност на свойство:

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

Промяна на стойност на свойство:

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

Промяна на стойности на няколко свойства:

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

Прилагане на функция към всеки елемент в набора:

javascript$(селектор).prop(име на свойство, function(номер в набора, текуща стойност на свойство));

Пример

В следващия пример ще получим абзац по неговия id и ще изведем на екрана стойността на неговото свойство className:

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

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

Пример

Нека променим едновременно свойствата за className и disabled:

html<input type="checkbox" class="aaa" id="test" />

javascript$("#test").prop({ className: 'bbb', disabled: 'true' });

Вижте също