最新的Web開發教程
 

jQuery offset() Method

<jQuery的HTML / CSS方法

返回一個<p>元素的偏移坐標:

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

定義和用法

offset()方法來設置或返回坐標偏移量為選定的元素,相對於文檔。

當用於返回所述偏移:
此方法返回的第一個匹配元素的偏移坐標。 它返回2屬性的對象; 在像素的頂部和左側位置。

當用於設置偏移:
此方法設置所有匹配元素的偏移坐標。


句法

返回偏移坐標:

$(selector).offset()

設置偏移坐標:

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

使用函數設置偏移坐標:

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

參數 描述
{top:value,left:value} 當設置偏移必需。 指定像素的頂部和左側坐標。

可能的值:
  • 名稱/值對,就像{top:100,left:100}
  • 與頂部和左側屬性的對象( 例如
function(index,currentoffset) 可選的。 指定返回包含頂部和左側坐標的對象的函數
  • index -返回集合中的元素的索引位置
  • currentoffset -返回所選元素的當前坐標

試一試 - 示例

設置偏移坐標
如何設置一個元件的偏移坐標。

使用函數設置偏移坐標
使用函數來設置元件的偏移坐標。

使用的對象設置為元素的偏移坐標
如何使用一個新的對象來設置的元件的偏移坐標。

使用其他元素的偏移坐標設置偏移坐標為元素
如何設置使用現有元素的偏移COORDS為元素的偏移COORDS。


<jQuery的HTML / CSS方法