As with other pseudo-class selectors (those that begin with a ":"), it is recommended to precede it with a tag name or some other selector; otherwise, the universal selector ("*") is implied. In other words, the bare $(':disabled')
is equivalent to $('*:disabled')
, so $('input:disabled')
or similar should be used instead.
Although their resulting selections are usually the same, the :disabled
selector is subtly different from the [disabled]
attribute selector; :disabled
checks the boolean (true/false) value of the element's disabled property while [disabled]
checks for the existence of the disabled attribute.
The :disabled
selector should only be used for selecting HTML elements that support the disabled
attribute (<button>
, <input>
, <optgroup>
, <option>
, <select>
, and <textarea>
).
Finds all input elements that are disabled.
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 > </ head > < body > < form > < input name = "email" disabled = "disabled" > < input name = "id" > </ form > < script > $( "input:disabled" ).val( "this is it" ); </ script > </ body > </ html > |
Please login to continue.