offset

UK[ˈɒfset] US[ˈɔ:fset]

vt. オフセット; 補正; (比較の目的で) 並置する (または並置する) ); (パイプラインなど)のブランチをインストールします

#vi. ブランチを形成する、ブランチを成長させる; ブランチをインストールする

#n. 開始; セットオフ; リソグラフィー; オフセット、補正

adj. ブランチ; 中心から外れている; オフセット; 始まり

jquery offset() メソッド 構文

関数: offset() メソッドは、ドキュメントに対する一致する要素のオフセット (位置) を返すか、設定します。

オフセット座標を返す: 最初に一致した要素のオフセット座標を返します。このメソッドによって返されるオブジェクトには、ピクセル単位で測定される、top と left という 2 つの整数プロパティが含まれます。このメソッドは、表示されている要素に対してのみ機能します。

構文: $(selector).offset()

オフセット座標の設定: 一致するすべての要素のオフセット座標を設定します。

構文: $(selector).offset(value)

パラメータ:

パラメータ説明
必須。上と左の座標をピクセル単位で指定します。可能な値: {top:100,left:0} などの値のペア。top 属性と left 属性を持つオブジェクト

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

#構文: $(selector).offset(function(index,oldoffset))

パラメータ:

パラメータ説明
function(index,oldoffset)新しいオフセットを返すように指定します。座標の選択された要素の関数。
インデックス オプション。セレクターのインデックス位置
oldvalue オプションを受け入れます。セレクターの現在の座標を受け入れます。

jquery offset() メソッド 例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").offset();
    $("#span1").text(x.left);
    $("#span2").text(x.top);
  });
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します