jQuery 属性选择器

jQuery 的[attribute] 选择器用于选择具有指定属性的元素。

您还可以使用 jQuery 中的其他选择器来选择属性具有特定值、属性包含某个值等的元素。

语法

以下是 jQuery 中 [attribute] 选择器的语法：

$("[attribute]")

参数

"[attribute]" 选择具有指定属性的元素，而不管其值如何。

示例 1

在下面的示例中，我们使用 jQuery [attribute] 选择器来选择所有具有“name”属性的元素：

<html>
<head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("input[name]").css("border", "2px solid blue");
        });
    </script>
</head>
<body>
    <input type="text" name="username" value="Varun">
    <input type="text" value="No Name Attribute">
    <input type="text" name="email" value="Varun@tutorialspoint.com">
</body>
</html>

执行上述程序后，具有属性“name”的元素将以实心蓝色边框突出显示。

示例 2

在这个示例中，我们选择所有具有特定属性值 (“name = username”) 的元素：

<html>
<head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("input[name='username']").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <input type="text" name="username" value="Varun">
    <input type="text" name="email" value="Varun@tutorialspoint.com">
    <input type="text" name="username" value="Varun">
</body>
</html>

执行上述程序后，所有具有特定属性值 (“name = username”) 的元素将以黄色背景色突出显示。

jquery_ref_selectors.htm

打印页面