jQuery offset() 方法

2018-11-21 13:45 更新

jQuery offset() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS Methods

實例

返回 <p> 元素的偏移坐標(biāo):

$("button").click(function(){
var x=$("p").offset();
alert("Top: " + x.top + " Left: " + x.left);
});

嘗試一下 ?

定義和用法

offset() 方法設(shè)置或返回被選元素相對于文檔的偏移坐標(biāo)。

當(dāng)用于返回偏移時:
該方法返回第一個匹配元素的偏移坐標(biāo)。它返回一個帶有兩個屬性(以像素為單位的 top 和 left 位置)的對象。

當(dāng)用于設(shè)置偏移時:
該方法設(shè)置所有匹配元素的偏移坐標(biāo)。


語法

返回偏移坐標(biāo):

$(selector).offset()

設(shè)置偏移坐標(biāo):

$(selector).offset({top:value,left:value})

使用函數(shù)設(shè)置偏移坐標(biāo):

$(selector).offset(function(index,currentoffset))

參數(shù) 描述
{top:value,left:value} 當(dāng)設(shè)置偏移時是必需的。規(guī)定以像素為單位的 top 和 left 坐標(biāo)。

可能的值:
  • 名/值對,比如 {top:100,left:100}
  • 一個帶有 top 和 left 的對象(實例
function(index,currentoffset) 可選。規(guī)定返回包含 top 和 left 坐標(biāo)的對象的函數(shù)。
  • index - 返回集合中元素的 index 位置。
  • currentoffset - 返回被選元素的當(dāng)前坐標(biāo)。


實例

更多實例

設(shè)置偏移坐標(biāo)
如何設(shè)置元素的偏移坐標(biāo)。

使用函數(shù)設(shè)置偏移坐標(biāo)
使用函數(shù)設(shè)置元素的偏移坐標(biāo)。

使用對象為元素設(shè)置偏移坐標(biāo)
如何使用新的對象為元素設(shè)置偏移坐標(biāo)。

使用另一個元素的偏移坐標(biāo)為元素設(shè)置偏移坐標(biāo)
如何使用另一個元素的偏移坐標(biāo)為元素設(shè)置偏移坐標(biāo)。


jQuery HTML/CSS 方法 jQuery HTML/CSS Methods

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號