jquery offset()方法


  翻譯結果：

offset

英[ˈɒfset]   美[ˈɔ:fset]  

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

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

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

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

jquery offset()方法語法

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

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

語法：$(selector).offset()

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

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

#參數：

##參數說明value    必要。規定以像素計的 top 和 left 座標。可能的值：值對，例如{top:100,left:0}帶有top 和left 屬性的物件
##使用函數設定偏移座標：

使用函數來設定所有匹配元素的偏移座標。

語法：

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

參數：

參數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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答

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