offset

UK[??fset] US[??:fset]

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

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

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

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

jquery offset() メソッド 構(gòu)文

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

オフセット座標(biāo)を返す: 最初に一致した要素のオフセット座標(biāo)を返します。このメソッドによって返されるオブジェクトには、ピクセル?yún)g位で測(cè)定される、top と left という 2 つの整數(shù)プロパティが含まれます。このメソッドは、表示されている要素に対してのみ機(jī)能します。

構(gòu)文: $(selector).offset()

オフセット座標(biāo)の設(shè)定: 一致するすべての要素のオフセット座標(biāo)を設(shè)定します。

構(gòu)文: $(selector).offset(value)

パラメータ:

パラメータ説明
必須。上と左の座標(biāo)をピクセル?yún)g位で指定します??赡埭蕚? {top:100,left:0} などの値のペア。top 屬性と left 屬性を持つオブジェクト

関數(shù)を使用してオフセット座標(biāo)を設(shè)定します。 関數(shù)を使用して、一致するすべての要素のオフセット座標(biāo)を設(shè)定します。

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

パラメータ:

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

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>
インスタンスの実行 ?

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