了解jQuery獲取元素坐標(biāo)的方法?這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
jQuery獲取元素坐標(biāo)的方法:1、使用offset()來獲取頁面某一元素的絕對X、Y坐標(biāo),語法“$(元素).offset().top”和“$(元素).offset().left”;2、使用position()獲取元素相對父元素的位置坐標(biāo)。
jQuery獲取元素的坐標(biāo)
1、獲取頁面某一元素的絕對X,Y坐標(biāo),可以用offset():
var X = $(‘#div1’).offset().top; var Y = $(‘#div1’).offset().left;
offset() 方法返回或設(shè)置匹配元素相對于文檔的偏移(位置)。
當(dāng)用于返回偏移時:該方法返回第一個匹配元素的偏移坐標(biāo)。它返回一個帶有兩個屬性(以像素為單位的 top 和 left 位置)的對象。
2、獲取相對(父元素)位置:
var X = $(‘#div1’).position().top; var Y = $(‘#div1’).position().left;
position()方法返回第一個匹配元素的位置(相對于它的父元素)。
該方法返回一個帶有兩個屬性(以像素為單位的 top 和 left 位置)的對象。
感謝各位的閱讀!看完上述內(nèi)容,你們對jQuery獲取元素坐標(biāo)的方法大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。