Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

jQuery | * Selector

  • Last Updated : 06 Sep, 2021

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 
 

$("*")

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: 
 

Supported Browsers:

  • Internet Explorer 9.0
  • Firefox 3.6
  • Safari 4.0
  • Opera 10.5



My Personal Notes arrow_drop_up
Recommended Articles
Page :