jquery offset() メソッド
翻訳結果：
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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します