Open In App

jQuery * Selector

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The jQuery * selector selects all the elements in the document, including HTML, body, and head. If the * selector is used together with another element then it selects all child elements within the element used.

Syntax:

$("*")

Parameters:

  • *: This parameter is used to select all elements.

Example 1: Selects all element and change background color. 

HTML




<!DOCTYPE html>
<html>
   
<head>
    <script src=
    </script>
   
    <script>
        $(document).ready(function () {
            $("*").css("background-color",
                "lightgreen");
        });
    </script>
</head>
   
<body>
    <center>
        <h1>Welcome to geeksforgeeks</h1>
        <p>My name is akash.</p>
        <p>I live in mathura.</p>
        <p>My best friend is ajay.</p>
        <p>Who is your favourite:</p>
        <ul type="square">
            <li>virat</li>
            <li>akshay</li>
        </ul>
    </center>
</body>
   
</html>


Output:

Example 2: Selects all element and change background color. 

HTML




<!DOCTYPE html>
<html>
   
<head>
    <script src=
    </script>
   
    <script>
        $(document).ready(function () {
            $("*").css("background-color",
                "green");
        });
    </script>
</head>
   
<body>
    <h1>GeeksForGeeks</h1>
    <p>cricket is religion in india</p>
    <p>sachin is god of cricket.</p>
    <p>records:</p>
    <ul type="circle">
        <li>100 centuries</li>
        <li>highest run scorer</li>
    </ul>
</body>
   
</html>


Output: 



Last Updated : 14 Nov, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads