:disabled 選擇器

類別： 選擇器 > 表單

disabled 選擇器

說明： 選取所有已停用的元素。

  • 新增版本： 1.0jQuery( ":disabled" )

與其他偽類別選擇器（以冒號「:」開頭）一樣，建議在它之前加上標籤名稱或其他選擇器；否則，會隱含通用選擇器（「*」）。換句話說，單獨的 $(':disabled') 等於 $('*:disabled')，因此應該使用 $('input:disabled') 或類似的語法。

儘管 :disabled 選擇器和 [disabled] 屬性選擇器產生的選取結果通常相同，但兩者還是有細微的差別；:disabled 會比對實際上已停用的元素，而 [disabled] 只會檢查 disabled 屬性是否存在。

:disabled 選擇器只應使用於選取支援 disabled 屬性的 HTML 元素（<button>、<input>、<optgroup>、<option>、<select>、<textarea>、<menuitem> 和 <fieldset>）。

範例

找出所有已停用的輸入元素。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>disabled demo</title>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<form>
  <input name="email" disabled="disabled">
  <input name="id">
</form>
 
<script>
$( "input:disabled" ).val( "this is it" );
</script>
 
</body>
</html>

示範