Skip to content
Related Articles

Related Articles

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.

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

Example-2: Selects all element and change background color.

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :