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.
<!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
filter_none
Output:
Example-2: Selects all element and change background color.
<!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
filter_none
Output: