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 可选。接受选择器的 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>
运行实例 »

点击 "运行实例" 按钮查看在线实例