Jquery獲取元素座標

2022-03-03 15:27:21 字數 645 閱讀 1023

獲取頁面某一元素的絕對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()函式。

jquery獲取當前元素的座標

1,獲取物件 var obj id號 或 var obj this 例項中我獲取的物件是彈出視窗按鈕,這樣建立的新視窗就會根椐按鈕的位置進行調整,例項中將建立的新視窗顯示的按鈕的右下角。2,獲取物件元素的位置 offset 方法 var offset obj.offset 獲取物件元素的位置,分別是...

js獲取元素座標

function getelementpos elementid var parent null var pos var box if el.getboundingclientrect ie else if document.getboxobjectfor gecko else safari ope...

JQuery元素獲取

前言 這是本類別博文jquery 即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令...