Open In App

jQuery offsetParent() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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>
 
    <!-- jQuery code to show the working of this method -->
    <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">
            <!-- click on this paragraph -->
 
            <p>Welcome to GeeksforGeeks!</p>
 
        </div>
    </div>
</body>
 
</html>


Output: 

jquery-51

Related Articles: 



Last Updated : 11 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads