jQuery | * Selector

Last Updated : 26 Feb, 2019

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.

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </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.

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </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:

My Personal Notes

Related Articles