:enabled Selector


wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师
微信号:webfedev
微信扫一扫关注,每天分享前端干货

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="//code.jquery.com/jquery-latest.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: