如何使用 jQuery 获取元素相对于文档或父元素的位置？

为了获取元素相对于文档的位置，使用了 jQuery offset() 方法。 offset() 方法是 jQuery 中的一个内置方法，用于设置或返回所选元素的偏移坐标。我们也可以使用 jQuery position() 方法。 position() 方法是 jQuery 中的一个内置方法，用于在 DOM 树中查找第一个匹配元素相对于其父元素的位置。

句法：

$(selector).offset()

下面的例子说明了上述方法：

示例 1：



  

    
        How to get the Location of
        an element relative to the 
        document using jQuery?
    
  
    
      
    

  

    GeeksforGeeks
  
     
        How to get the Location of an
        element relative
 to the 
        document using jQuery/JavaScript?

输出：

示例 2：



  

    
        How to get the Location of
        an element relative to the
        document using jQuery?
    
  
    
      
    

  

    GeeksforGeeks
  
     
        How to get the Location of an
        element relative
 to the 
        document using jQuery/JavaScript?

输出：