当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

JQuery :enabled用法及代码示例


用法
enabled selector

说明：选择所有启用的元素。

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

与其他 pseudo-class 选择器(以 ":" 开头的选择器)一样，建议在其前面加上标签名称或其他选择器；否则，隐含通用选择器 ("*")。换句话说，裸露的 $( ":enabled" ) 等价于 $( "*:enabled" ) ，因此应使用 $( "input:enabled" ) 或类似名称。

尽管它们的结果选择通常相同，但 :enabled 选择器与 :not([disabled]) 略有不同； :enabled 选择其布尔禁用属性严格等于 false 的元素，而 :not([disabled]) 选择没有禁用 attribute 集的元素(无论其值如何)。

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

例子：

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

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>enabled demo</title>
  <script src="https://code.jquery.com/jquery-3.5.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>

演示：

相关用法


注：本文由纯净天空筛选整理自jquery.com大神的英文原创作品 :enabled。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。