jQuery offset() 方法

返回上一级

jQuery offset() 方法设置或返回被选元素相对于文档的偏移坐标

  1. 当用于返回偏移时:

    该方法返回第一个匹配元素的偏移坐标

    它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象

  2. 当用于设置偏移时:

    该方法设置所有匹配元素的偏移坐标

语法

返回偏移坐标

$( selector ).offset()

设置偏移坐标

$( selector ).offset({top: value ,left: value })

使用函数设置偏移坐标

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

参数

参数 描述
{top:value,left:value} 当设置偏移时是必需的
规定以像素为单位的 top 和 left 坐标
可能的值:名/值对,比如
function(index,currentoffset) 可选。规定返回包含 top 和 left 坐标的对象的函数
index - 返回集合中元素的 index 位置
currentoffset - 返回被选元素的当前坐标

范例

下面的范例返回 <p> 元素的偏移坐标

$("button").click(function(){
  var x=$("p").offset();
  alert("Top: " + x.top + " Left: " + x.left);
});

运行范例 »

更多范例

  1. 设置偏移坐标

    如何设置元素的偏移坐标

  2. 使用函数设置偏移坐标

    使用函数设置元素的偏移坐标

  3. 使用对象为元素设置偏移坐标

    如何使用新的对象为元素设置偏移坐标

  4. 使用另一个元素的偏移坐标为元素设置偏移坐标

    如何使用另一个元素的偏移坐标为元素设置偏移坐标

返回上一级

jQuery 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.