jQuery | * Selector
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
