jQuery [attribute] Selector (original) (raw)

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 `

<script>
    $(document).ready(function() {
        $("[class]").css("color",
                         "green");
    });
</script>

    <!-- 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>

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.