jQuery是一個方便、快捷、高效的JavaScript庫,其中的offset()方法是用來獲取一個元素相對于文檔的偏移量(即左上角),如果元素是隱藏的或者是在滾動的容器中,該方法也能正確的計算元素在文檔中的位置。
//獲取元素的偏移量 var offset = $('selector').offset(); console.log(offset.top); //元素距離文檔頂部的距離 console.log(offset.left); //元素距離文檔左邊的距離
當(dāng)然,你也可以使用offset()方法來設(shè)置元素的位置,只需要傳入新的top和left值即可:
//設(shè)置元素的偏移量 $('selector').offset({top: 100, left: 200});
如果你想要獲得一個相對于某個元素的偏移量,可以使用position()方法來獲取該元素相對于其父元素的位置,然后再加上父元素在文檔中的偏移量:
//獲取元素相對于父元素的位置 var position = $('selector').position(); console.log(position.top); //元素距離父元素頂部的距離 console.log(position.left); //元素距離父元素左邊的距離 //獲取父元素在文檔中的偏移量 var parentOffset = $('selector').parent().offset(); //計算元素在文檔中的偏移量 var offset = { top: position.top + parentOffset.top, left: position.left + parentOffset.left }; console.log(offset.top); //相對于文檔頂部的距離 console.log(offset.left); //相對于文檔左邊的距離
以上就是jQuery中offset()和position()方法的介紹和使用方法,希望對你的學(xué)習(xí)有所幫助。