Только активные элементы формы
Соответствует всем активным (незаблокированным от пользователя) элементам формы (элементы без атрибута disabled).
Примеры использования:
$('.formBox input:enabled') | вернет все активные элементы формы с классом formBox. |
Заблокированные элементы формы можно найти с помощью :enabled.
Как и в случае других псевдоселекторов (селекторы, которые начинаются с двоеточия), :enabled не рекомендуется использовать без предшествующих ему селекторов. В этом случае он будет обработан как *:enabled, а селектор (*) выполняется как известно очень медленно. Гораздо эффективнее будет использовать его например так input:enabled.
Несмотря на то, что результат работы селектора :enabled обычно совпадает с :not([disabled]), по сути они имеют различный смысл. Первый проверяет значение свойства disable, а второй наличие атрибута disable. Поскольку disable является свойством, а не атрибутом, использование :enabled является предпочтительным.
Использовать селектор :enabled следует только к элементам, которые поддерживают свойство disable. А это такие html-элементы как button, input, optgroup, option, select, и textarea.
В действии
Найдем все не заблокированные элементы и поместим туда текст о текущем состоянии: