Промяна на един атрибут-свойство в jQuery

Важно е да не бъркаме свойства и атрибути на елементи. При създаване на DOM дърво, атрибутите се преобразуват в съответните DOM свойства на елементите. Техните имена не винаги съвпадат, както и техните стойности.

Някои свойства също може да нямат съответстващи им атрибути, за тях е необходимо да се използва методът prop, който приема като първи параметър име на свойството, а като втори - true или false.

Ако се зададе true - свойството ще се зададе, а ако false - ще се премахне.

Нека разгледаме следния пример. Да предположим, че имаме input поле:

html<input type="text" id="test">

Нека зададем за input полето атрибута disabled:

javascript$('#test').prop('disabled', true);

HTML кодът ще изглежда така:

html<input type="text" id="test" disabled>

А сега, обратно, ще премахнем disabled:

javascript$('#test').prop('disabled', false);

HTML кодът ще изглежда така:

html<input type="text" id="test">