• 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.jquery.com/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.jquery.com/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
列印頁面
上一個
下一個
廣告