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:
$("*")
Parameters:
- *: This parameter is used to select all elements.
Example 1: Selects all element and change background color.
HTML
<!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 w3wiki</ 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 = "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 >w3wiki</ 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: