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=
</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:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
14 Nov, 2022
Like Article
Save Article