jQuery селектор :enabled

Определение и применение

jQuery селектор :enabled выбирает все элементы, которые активны (у которых не установлен логический атрибут disabled).

Обращаю Ваше внимание, что jQuery селектор :enabled применяется только к следующим элементам:

<button> (кнопка).
<input> (пользовательское поле для ввода информации).
<optgroup> (группировка связанных данных в раскрывающемся списке).
<option> (пункт списка).
<select> (раскрывающийся (выпадающий) список).
<textarea> (область многострочного ввода).
<menuitem> (определяет элемент меню).
<fieldset> (служит для визуальной группировки элементов).

jQuery синтаксис:

$(":enabled")

Добавлен в версии jQuery

1.0

Селектор в CSS

CSS псевдокласс enabled css3

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery селектора :enabled</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$(document).ready(function(){
	   $(":enabled").css("border", "2px solid green"); // выбираем все элементы, которые не имеют логического атрибута disabled.
	});
		</script>
	</head>
	<body>
		<form>
			<input type = "text"><br><br>
			<input type = "text" disabled><br><br>
			<button>Кнопка</button><br><br>
			<button disabled>Кнопка</button>
		</form>
	</body>
</html>

В этом примере с использованием селектора :enabled мы выбрали и стилизовали все элементы <input> и <button>, которые не имеют логического атрибута disabled.

Результат нашего примера:

Пример использования jQuery селектора :enabled.

jQuery селекторы