jQuery獲取元素坐標的方法

發布時間：2020-11-18 10:19:39 來源：億速云閱讀：678 作者：小新欄目：web開發

了解jQuery獲取元素坐標的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

jQuery獲取元素坐標的方法：1、使用offset()來獲取頁面某一元素的絕對X、Y坐標，語法“$(元素).offset().top”和“$(元素).offset().left”；2、使用position()獲取元素相對父元素的位置坐標。

jQuery獲取元素的坐標

1、獲取頁面某一元素的絕對X,Y坐標，可以用offset()：

var X = $(‘#div1’).offset().top;
var Y = $(‘#div1’).offset().left;

offset() 方法返回或設置匹配元素相對于文檔的偏移（位置）。

當用于返回偏移時：該方法返回第一個匹配元素的偏移坐標。它返回一個帶有兩個屬性（以像素為單位的 top 和 left 位置）的對象。

2、獲取相對(父元素)位置:

var X = $(‘#div1’).position().top;
var Y = $(‘#div1’).position().left;

position()方法返回第一個匹配元素的位置（相對于它的父元素）。

該方法返回一個帶有兩個屬性（以像素為單位的 top 和 left 位置）的對象。

感謝各位的閱讀！看完上述內容，你們對jQuery獲取元素坐標的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本