jQuery :password selector

The :password selector in jQuery is used to select the input elements with type = "password".

Syntax

The commonly used syntax of using the :password selector is given as follows -

Let's see an illustration to understand the working of the :password selector.

Example

It is a simple example of using the :password selector. In this example, there are two input fields one is of type = "text", and the other one is of type = "password". On clicking the given button, the :password selector will select the input field with the type = "password".

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script>
$(document).ready(function() {
$("button").click(function() {
  $(":password").css("background-color", "yellow");
  });
});
</script>
</head>
<body>
<h3> Welcome to the javaTpoint.com </h3>
<h4> It is an example of using the :password selector. </h4>
  Name: � � � <input type = "text"> </br> </br>
  Password: <input type = "password"> </br>
  <p> Click the below button to select the password fields. </p>
  <button> Click me </button>
</body>
</html>

Test it Now

Output

After the execution of the above code, the output will be -