jQuery offsetParent()的应用实例

offsetParent()方法是jQuery内置的方法，用于寻找DOM树中第一个定位的父元素。
语法:

$(selector).offsetParent()

参数：该方法不包含任何参数。
返回值：该方法返回第一个定位的父元素。
下面的例子说明了jQuery中的offsetParent()方法。
示例:

<!DOCTYPE html>
<html>
   <head>
       <title>The offsetParent Method</title>
      <script src=
      "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
      </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>

输出:

jQuery offsetParent()的应用实例