jquery獲取當前元素的座標

2021-07-03 05:02:49 字數 673 閱讀 5043

1,獲取物件

var obj = $("#id號"); 或  var obj = $(this);

例項中我獲取的物件是彈出視窗按鈕,這樣建立的新視窗就會根椐按鈕的位置進行調整,例項中將建立的新視窗顯示的按鈕的右下角。   

2,獲取物件元素的位置(offset()方法)   

var offset = obj.offset();   

獲取物件元素的位置,分別是元素的top和left,呼叫方法是:offset.left和offset.top,可知當前物件的左部和頂部位置。   

3,獲取物件元素的寬度(width()方法)   

var right = offset.left+obj.width();   

例項中是獲取物件的右下角位置,建立新視窗的左部位置。   

4,獲取物件元素的高度(height()方法)   

var down = offset.top+obj.height();   

例項中是獲取物件的右下角位置,建立新視窗的頂部位置。

另外:

$(".btn1").click(function());
定義和用法

position() 方法返回匹配元素相對于父元素的位置(偏移)。

該方法返回的物件包含兩個整型屬性:top 和 left,以畫素計。

此方法只對可見元素有效。

Jquery獲取元素座標

獲取頁面某一元素的絕對x,y座標,相對於瀏覽器窗體,可以用offset 方法 var x divid offset top var y divid offset left 獲取相對 父元素 位置 var x divid position top var y divid position left 例...

jquery如何獲取當前元素的位置

jquery獲取當前元素的位置,並且是相對於文件的位置。我們可以使用jquery offset 方法來實現。offset 方法僅適用於可見元素。下面我們結合簡單的 給大家介紹jquery獲取當前元素的位置的方法。示例如下 jquery獲取當前元素的位置 offset 方法返回或設定匹配元素相對於文件...

jquery獲取元素的值,獲取當前物件的父物件等等

html span input type hidden value 1 id newinfo input span div class sx title a href style cursor hand onclick more this class fright mr15 更多 a 英語 其他 d...