jQuery :root Selector
Last Updated :
17 Nov, 2022
The jQuery :root selector is used to select the root element of the HTML document.
Syntax:
$(":root")
Parameter: This selector contains single parameter root which is the root element of document.
Example 1: This example use :root selector to select document and set background-color to green.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
jQuery :root Selector
</ title >
< script src =
</ script >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >jQuery :root Selector</ h2 >
< script >
$(document).ready(function () {
$(":root").css("background-color", "green");
});
</ script >
</ body >
</ html >
|
Output:
Example 2: This example use :root selector to select document and change text color to red.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
jQuery :root Selector
</ title >
< script src =
</ script >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >jQuery :root Selector</ h2 >
< button >Change color</ button >
< script >
$(document).ready(function () {
$("button").click(function () {
$(":root").css("color", "red");
});
});
</ script >
</ body >
</ html >
|
Output:
Share your thoughts in the comments
Please Login to comment...