:enabled Selector

enabled selector

描述: 选择所有可用的（愚人码头注：未被禁用的元素）元素。

  • 添加的版本: 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元素已启用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
  <form>
 
      <input name="email" disabled="disabled" />
      <input name="id" />
    </form>
<script>$("input:enabled").val("this is it");</script>
 
</body>
</html>

Demo: