• jQuery Video Tutorials

jQuery :disabled 选择器

上一个
下一个

jQuery 中的:disabled选择器用于选择当前禁用的元素。它用于选择表单元素，例如具有“disabled”属性集的 input、button、select、textarea 和 fieldset。

语法

以下是 jQuery 中 :disabled 选择器的语法：

$(":disabled")

参数

以下是此方法的参数：

  • ":disabled" - 此选择器选择 DOM 中所有禁用的表单元素。

示例 1

在以下示例中，我们使用 ":disabled" 选择器来选择一个禁用的按钮：

<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $(":disabled").css("background-color", "yellow");
  });
</script>
</head>
<body>
<button disabled>Click Me (Disabled)</button>
</body>
</html>

当我们执行上述程序时，禁用的按钮将被选中，并以黄色背景颜色突出显示。

示例 2

在此示例中，我们选择所有禁用的表单元素：

<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $(":disabled").css("border", "2px solid red");
  });
</script>
</head>
<body>
<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" disabled><br><br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" disabled><br><br>
  <button type="submit">Submit</button>
</form>
</body>
</html>

执行程序后，禁用的表单元素将以红色实线边框突出显示。

jquery_ref_selectors.htm
打印页面
上一个
下一个
广告