jQuery offset()メソッド

❮jQueryHTML/ 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))

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

自分で試してみてください-例


を設定する要素のオフセット座標を設定する方法。


設定する関数を使用して要素のオフセット座標を設定します。


のオフセット座標を設定する新しいオブジェクトを使用して要素のオフセット座標を設定する方法。


を設定する既存の要素のオフセット座標を使用して要素のオフセット座標を設定する方法。


❮jQueryHTML/ CSSメソッド