Jquery擷取元素座標

標籤：style   color   os   strong   io   div   ar   size   

擷取頁面某一元素的絕對X,Y座標，相對於瀏覽器表單，可以用offset()方法：

var X = $(‘#DivID‘).offset().top;

var Y = $(‘#DivID‘).offset().left;

 

擷取相對(父元素)位置:

var X = $(‘#DivID‘).position().top;

var Y = $(‘#DivID‘).position().left;

 

例如：

var offset = $("#fontsize").position();
$("#holder").css("position","absolute");//設定ID為holder的元素絕對位置
$("#holder").css("top",offset.bottom-1);//設定ID為holder的元素的上方位置
$("#holder").css("left",offset.left-0);//設定ID為holder的元素的左側位置

這裡ID為fontsize的元素在某個相對定位的元素之內，所以取它的位置需要用position()函數。