jQuery 屬性選擇器

jQuery 的[attribute] 選擇器用於選擇具有指定屬性的元素。

您還可以使用 jQuery 中的其他選擇器來選擇屬性具有特定值、屬性包含某個值等的元素。

語法

以下是 jQuery 中 [attribute] 選擇器的語法：

$("[attribute]")

引數

"[attribute]" 選擇具有指定屬性的元素，而不管其值如何。

示例 1

在下面的示例中，我們使用 jQuery [attribute] 選擇器來選擇所有具有“name”屬性的元素：

<html>
<head>
    <script src="https://ajax.googleapis.com/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.com/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

列印頁面