Изменение одного атрибута-свойства в jQuery

Важно не путать свойства и атрибуты элементов. При создании DOM дерева атрибуты переводятся в соответствующие им DOM свойства элементов. Их названия не всегда совпадают, как и их значения.

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

Если поставить true - свойство установится, а если false - удалится.

Рассмотрим следующий пример. Пусть у нас есть инпут:

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

Давайте установим для инпута атрибут disabled:

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

HTML код станет выглядеть так:

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

А теперь, наоборот, уберем disabled:

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

HTML код станет выглядеть так:

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