jQuery :password 选择器

jQuery 中的:password 选择器用于选择所有类型属性为“password”的<input> 元素。

语法

以下是 jQuery :password 选择器的语法：

$(":password")

参数

此选择器将选择密码输入字段。

示例 1

在下面的示例中，我们使用“jQuery :password”选择器来选择所有类型为“password”的输入字段：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":password").css("border", "2px solid red");
        });
    </script>
</head>
<body>
    <form>
        <label for="username">Username:</label>
        <input type="text" id="username" name="username"><br><br>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password"><br><br>
        <label for="confirm-password">Confirm Password:</label>
        <input type="password" id="confirm-password" name="confirm-password"><br><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

执行上述程序后，密码输入字段将以实线红色边框突出显示。

示例 2

在这个示例中，我们选择所有类型为“password”的输入字段，并在获得焦点时显示警报：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Select all password input fields and display an alert when focused
            $(":password").focus(function(){
                alert("Password field focused");
            });
        });
    </script>
</head>
<body>
    <form>
        <label for="username">Username:</label>
        <input type="text" id="username" name="username"><br><br>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password"><br><br>
    </form>
</body>
</html>

当我们点击密码输入字段时，它将获得焦点，并在屏幕上弹出警报。

jquery_ref_selectors.htm

打印页面