offset

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

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

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

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

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

jquery offset()方法 語法

作用:offset() 方法返回或設(shè)置匹配元素相對于文檔的偏移(位置)。

返回偏移坐標(biāo):返回第一個匹配元素的偏移坐標(biāo)。該方法返回的對象包含兩個整型屬性:top 和 left,以像素計。此方法只對可見元素有效。

語法:$(selector).offset()

設(shè)置偏移坐標(biāo):設(shè)置所有匹配元素的偏移坐標(biāo)。

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

參數(shù):

參數(shù)描述
value? ??必需。規(guī)定以像素計的 top 和 left 坐標(biāo)。可能的值:值對,比如 {top:100,left:0}帶有 top 和 left 屬性的對象

使用函數(shù)設(shè)置偏移坐標(biāo):使用函數(shù)來設(shè)置所有匹配元素的偏移坐標(biāo)。

語法:$(selector).offset(function(index,oldoffset))

參數(shù):

參數(shù)描述
function(index,oldoffset)規(guī)定返回被選元素新偏移坐標(biāo)的函數(shù)。
index?可選。接受選擇器的 index 位置
oldvalue?可選。接受選擇器的當(dāng)前坐標(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>
運(yùn)行實例 ?

點擊 "運(yùn)行實例" 按鈕查看在線實例