Изменение одного атрибута-свойства в 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">