jQuery [attribute] Selector

Last Updated : 27 Jun, 2023

The [attribute] Selector is an inbuilt selector in jQuery, used to select all the elements with the specified attribute. Syntax:

$("[attribute_name]")

Parameter:

attribute_name: It is the required parameter which specify the attribute to be select.

Example-1:

html

<!DOCTYPE html>
<html>

<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        $(document).ready(function() {
            $("[class]").css("color",
                             "green");
        });
    </script>
</head>

<body>
    <center>

        <!-- Class attribute-->

        <h3 class>GeeksforGeeks</h3>
        <p>A computer science portal for geeks</p>

        <!--id attribute-->

        <p id>Geek1</p>

        <!--class attribute-->

        <p class>Geek2</p>
        <p>Geek3</p>

        <!--class attribute-->

        <div class> Thank You! </div>

    </center>
</body>

</html>

Output:

In the above example, all the elements with the specified attribute (class) are formatted into green color i.e, "GeeksforGeeks", "Geek2" and "Thank You!". Example-2: html

<!DOCTYPE html>
<html>

<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        $(document).ready(function() {
            $("[class]").css("color",
                             "green");
        });
    </script>
</head>

<body>
    <center>

        <!-- Class(demo) attribute-->

        <h3 class="demo">GeeksforGeeks</h3>
        <p>A computer science portal for geeks</p>

        <!--id attribute-->

        <p id>Geek1</p>
        <p>Geek2</p>

        <!--class(test) attribute-->

        <p class="test">Geek3</p>

        <!--class(sample) attribute-->

        <div class="sample"> Thank You! </div>

    </center>
</body>

</html>

Output:

In the above example, all the elements with the specified attribute (class) are formatted into green color rather considering the value of the attribute. "GeeksforGeeks", "Geek3" and "Thank You!" are formatted.