jQuery offsetParent() Method
The offsetParent() method is an inbuilt method in jQuery that is used to find the first positioned parent element in the DOM tree.
Syntax:
$(selector).offsetParent()
Parameters: This method does not contain any parameter.
Return Value: This method returns the first positioned parent element.
The below example illustrates the offsetParent() method in jQuery:
Example:
html
<!DOCTYPE html>
< html >
< head >
< title >The offsetParent Method</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$("button").click(function () {
$("p").offsetParent().css("background-color", "green");
});
});
</ script >
< style >
#d1 {
border: 1px solid black;
width: 70%;
position: absolute;
left: 10px;
top: 50px
}
#d2 {
border: 1px solid black;
margin: 50px;
background-color: lightblue;
text-align: center;
}
p {
padding-left: 80px;
font-weight: bold;
}
</ style >
</ head >
< body >
< button >Submit</ button >
< div id = "d1" >
< div id = "d2" >
< p >Welcome to GeeksforGeeks!</ p >
</ div >
</ div >
</ body >
</ html >
|
Output:
Related Articles:
Last Updated :
11 Jul, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...