最新の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のメソッド