offset

英[??fset]? ?美[??:fset]??

vt.抵消;補償;（為了比較的目的而）把…並列（或並置）;為（管道等）裝支管

vi.形成分支，長出分枝;裝支管

n.開端;出發(fā);平版印刷;抵消，補償

adj.分支的;偏（離中）心的;抵消的;開端的

jquery offset()方法 語法

作用：offset() 方法傳回或設(shè)定匹配元素相對於文件的偏移（位置）。

傳回偏移座標：傳回第一個符合元素的偏移座標。此方法傳回的物件包含兩個整數(shù)屬性：top 和 left，以像素為單位。此方法只對可見元素有效。

語法：$(selector).offset()

#設(shè)定偏移座標：設(shè)定所有符合元素的偏移座標。

語法：$(selector).offset(value)

#參數(shù)：

##參數(shù)說明value? ??必要。規(guī)定以像素計的 top 和 left 座標?？赡艿闹担褐祵?，例如{top:100,left:0}帶有top 和left 屬性的物件
##使用函數(shù)設(shè)定偏移座標：

使用函數(shù)來設(shè)定所有匹配元素的偏移座標。

語法：

$(selector).offset(function(index,oldoffset))

參數(shù)：

參數(shù)function(index,oldoffset)index?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>
執(zhí)行實例 ?

#點擊 "執(zhí)行實例" 按鈕查看線上實例

#
描述
規(guī)定傳回被選元素新偏移座標的函數(shù)。
可選。接受選擇器的 index 位置
#可選。接受選擇器的目前座標。 

<rt id="coslg"><optgroup id="coslg"></optgroup></rt>
          <rt id="coslg"><small id="coslg"></small></rt>
            <li id="coslg"><legend id="coslg"></legend></li>