:enabled

概述 enabled selector

返回值：Array<Element(s)>

描述：选择所有可用的（手册网注：未被禁用的元素）元素。

V : 1.0jQuery( ":enabled" )

如同其他伪类选择器（那些以“:”开始）建议前面加上一个标记名称或其他选择器;否则，通用选择("*")被默认使用。换句话说$$(':enabled')等同于 $('*:enabled')，所以应该使用$('input:enabled')。

虽然他们的选择的结果通常是一样的，:enabled选择器和:not([disabled])属性（attribute）选择器还是有些细微的差别；:enabled 检查元素的disabled属性是否严格等于false，:not([disabled]) 检查是disabled 属性（attribute）没有被设置。

:enabled 选择器仅可用于选择支持disabled属性（attribute）的HTML元素(<button>, <input>, <optgroup>, <option>, <select>, 和 <textarea>)。

示例

实例

查找所有可用的input元素

HTML 代码:

<form>
  <input name="email" disabled="disabled" />
  <input name="id" />
</form>

jQuery 代码:

$("input:enabled")

结果:

[ <input name="id" /> ]

实例

查找所有的input元素已启用。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>enabled demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<form>
  <input name="email" disabled="disabled">
  <input name="id">
</form>
 
<script>
$( "input:enabled" ).val( "this is it" );
</script>
 
</body>
</html>

运行一下

:enabled

概述 enabled selector

V : 1.0jQuery( ":enabled" )

示例

实例

HTML 代码:

jQuery 代码:

结果:

实例