:enabled Selector


html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

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://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: