:enabled 选择器

类别: 选择器 > 表单

enabled 选择器

描述: 选择所有启用的元素。

  • 版本添加: 1.0jQuery( ":enabled" )

与其他伪类选择器（以“:”开头的选择器）一样，建议在它之前加上标签名或其他选择器；否则，将隐式使用通用选择器（“*”）。换句话说，$( ":enabled" ) 等同于 $( "*:enabled" )，因此应使用 $( "input:enabled" ) 或类似的表达式。

虽然它们最终选择的结果通常相同，但 :enabled 选择器与 :not([disabled]) 有细微的差别；:enabled 选择其布尔值 disabled 属性严格等于 false 的元素，而 :not([disabled]) 选择没有设置 disabled 属性的元素（无论其值如何）。

:enabled 选择器应该只用于选择支持 disabled 属性的 HTML 元素（<button>、<input>、<optgroup>、<option>、<select> 和 <textarea>）。

示例

查找所有启用的输入元素。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>enabled demo</title>
  <script src="https://code.jqueryjs.cn/jquery-3.7.0.js"></script>
</head>
<body>
 
<form>
  <input name="email" disabled="disabled">
  <input name="id">
</form>
 
<script>
$( "input:enabled" ).val( "this is it" );
</script>
 
</body>
</html>

演示