閱讀(12.7k) 書(shū)簽贊(3) 我要糾錯(cuò)

jQuery offset() 方法

2018-11-21 13:45 更新

實(shí)例

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

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

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

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

當(dāng)用于設(shè)置偏移時(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è)置偏移時(shí)是必需的。規(guī)定以像素為單位的 top 和 left 坐標(biāo)。可能的值：名/值對(duì)，比如 {top:100,left:100} 一個(gè)帶有 top 和 left 的對(duì)象（實(shí)例）
function(index,currentoffset)	可選。規(guī)定返回包含 top 和 left 坐標(biāo)的對(duì)象的函數(shù)。 index - 返回集合中元素的 index 位置。 currentoffset - 返回被選元素的當(dāng)前坐標(biāo)。