offset

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

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

vi.形成分支,長(zhǎng)出分枝;裝支管

n.開(kāi)端;出發(fā);平版印刷;抵消,補(bǔ)償

adj.分支的;偏(離中)心的;抵消的;開(kāi)端的

jquery offset()方法 語(yǔ)法

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

傳回偏移座標(biāo):傳回第一個(gè)符合元素的偏移座標(biāo)。此方法傳回的物件包含兩個(gè)整數(shù)屬性:top 和 left,以像素為單位。此方法只對(duì)可見(jiàn)元素有效。

語(yǔ)法:$(selector).offset()

#設(shè)定偏移座標(biāo):設(shè)定所有符合元素的偏移座標(biāo)。

語(yǔ)法:$(selector).offset(value)

#參數(shù):

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

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

語(yǔ)法:

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

參數(shù):

參數(shù)function(index,oldoffset)index?oldvalue?

jquery offset()方法 範(fàn)例

<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í)行實(shí)例 ?

#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線(xiàn)上實(shí)例

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