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)行實例" 按鈕查看在線實例