enabled selector
Description: Selects all elements that are enabled.
version added: 1.0jQuery( ":enabled" )
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 $( ":enabled" ) is equivalent to $( "*:enabled" ), so $( "input:enabled" ) or similar should be used instead.
Although their resulting selections are usually the same, :enabled selector is subtly different from :not([disabled]); :enabled selects elements that have their boolean disabled property strictly equal to false, while :not([disabled]) selects elements that do not have a disabled attribute set (regardless of its value).
The :enabled selector should only be used for selecting HTML elements that support the disabled attribute (<button>, <input>, <optgroup>, <option>, <select>, and <textarea>).
Example:
Find all input elements that are enabled.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>enabled demo</title> <script src="https://code.jquery.com/jquery-3.5.0.js"></script> </head> <body> <form> <input name="email" disabled="disabled"> <input name="id"> </form> <script> $( "input:enabled" ).val( "this is it" ); </script> </body> </html>