jQuery :disabled Selector

Last Updated : 11 Jul, 2025

The jQuery :disabled selector is used for selecting all disabled form elements.

Syntax:

$(":disabled")

Parameter:

:disabled selector: It is used for selecting HTML elements that support the disabled attribute. i.e. button tag, input tag, outgroup tag, option tag, select tag, and textarea tag.

Example 1:

HTML

<!DOCTYPE html> <html> <head> <title>:disabled Selector</title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">  </script> <script>  $(document).ready(function () {  $(":disabled").css(  "background-color", "green");  });  </script> </head> <body> <center> <form action="#"> <h1>Welcome to GeeksforGeeks!. </h1> <div> Text : <input type="text" name="text" disabled="disabled"> <br /> <br /> Select : <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </div> </form> </center> </body> </html>

Output:

Example 2:

HTML

<!DOCTYPE html> <html> <head> <title>:disabled Selector </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">  </script> <script>  $(document).ready(function () {  $(":disabled").css(  "background-color", "green");  });  </script> </head> <body> <center> <form action="#"> <h1>Welcome to GeeksforGeeks!. </h1> <div> Text : <input type="text" name="text" value="GeeksforGeeks"> <br /> <input type="submit" name="submit" value="submit" disabled="disabled"> </div> </form> </center> </body> </html>