Почему jquery .prop('disabled', true) не работает (не делает элемент неактивным)?

Question

[Павел Кизернис]

Ничего не могу понять..
В спецификации сказано, что для свойств (таких как checked, selected, и disabled) лучше использовать prop() вместо attr().

To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

Но prop() почему-то не делает кнопку не активной и сам атрибут (disabled="disabled") ей не присваивает.

Хотя вот тут это работает замечательно.
jsfiddle.net/EGgzT/1

Почему не работает здесь?
https://codepen.io/lubus/pen/MoXWKR

Answer 1

[Павел Кизернис]

Спасибо, Никита Полевой!

disabled могут быть только элементы управления, о DIV там речи не идет

Заменил div на button и все стало как надо!

Answer 2

[Beeetle]

Используйте
$('element').attr('disabled', 'disabled')

Comments

[Павел Кизернис]

Я так и делаю в данный момент.. Кстати это аналогично строке
$('element').attr('disabled', true);
А точнее даже мне нужно проверять неактивна кнопка или нет и приходиться делать это через

if ( $(this).attr('disabled') != 'disabled' ) {...}

Но я хочу понять почему не работает prop(), который рекомендуется использовать как раз для этого...

[Kovalsky]

Павел Кизернис:
1. Это не спецификация, это документация,
2. А вот в спецификации как раз написано, что disabled могут быть только элементы управления, о DIV там речи не идет,

С помощью .prop() вы просто устанавливаете свойство привязанного объекта, а сеттер уже решает что с ним делать. Если бы это был элемент управления, то сеттер бы сделал бы элемент disabled, а в случае с DIV вы просто присвоили el.disabled значение true, больше ничего не произошло.

[Павел Кизернис]

Никита Полевой: Спасибо!! Заменил div на button и все стало как надо! Большое спасибо! Недоглядел...