jQuery :disabled 选择器

:disabled 选择器用于选择所有被禁用的表单元素。它是一个伪类选择器，也可用于样式化被禁用的 UI 元素。此选择器只能用于支持 disabled 属性的 HTML 元素，即 <input>、<textarea>、<button>、<option>、<fieldset>、<optgroup>、<select> 和 <menuitem>。

语法

以上语法类似于 $(''*:disabled'')，它会选择所有被禁用的表单元素。

如果我们需要选择特定的被禁用元素，可以通过在选择器前面加上元素类型或组件名称来过滤元素。假设我们只想选择被禁用的按钮元素，那么可以这样写：

让我们看一些使用 :disabled 选择器的示例。

示例 1

在此示例中，我们使用 :disabled 选择器为所有被禁用的表单元素设置样式。这里有一个表单，包含一些被禁用的文本字段和按钮。该选择器将找到所有被禁用元素并为其应用样式。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用 :disabled 选择器为特定类型的被禁用元素设置样式。这里有一个表单，包含一些被禁用元素，如文本字段、文本区域和按钮。尽管有多个元素被禁用，但程序只会为被禁用的文本区域设置样式。

该表单包含两个按钮，一个被禁用，另一个被启用。我们需要点击启用的按钮来为被禁用的文本区域元素设置样式。只有一个文本区域元素，因此它将选择该单个元素。但是如果有多个文本区域元素，那么所有文本区域元素都将获得样式。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -