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)。該方法返回的對(duì)象包含兩個(gè)整型屬性:top 和 left,以像素計(jì)。此方法只對(duì)可見(jiàn)元素有效。
語(yǔ)法:$(selector).offset()
設(shè)置偏移坐標(biāo):設(shè)置所有匹配元素的偏移坐標(biāo)。
語(yǔ)法:$(selector).offset(value)
參數(shù):
參數(shù) | 描述 |
value? ?? | 必需。規(guī)定以像素計(jì)的 top 和 left 坐標(biāo)。可能的值:值對(duì),比如 {top:100,left:0}帶有 top 和 left 屬性的對(duì)象 |
使用函數(shù)設(shè)置偏移坐標(biāo):使用函數(shù)來(lái)設(shè)置所有匹配元素的偏移坐標(biāo)。
語(yǔ)法:$(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>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例