您的位置：鳄鱼CMS > jQuery offset() 方法

jQuery offset() 方法

2023-04-30 16:31 jQuery教程

jQuery offset() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS Methods

实例

返回 <p> 元素的偏移坐标：

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

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

当用于返回偏移时：
该方法返回第一个匹配元素的偏移坐标。它返回一个带有两个属性（以像素为单位的 top 和 left 位置）的对象。

当用于设置偏移时：
该方法设置所有匹配元素的偏移坐标。

返回偏移坐标：

$(selector).offset()

设置偏移坐标：

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

使用函数设置偏移坐标：

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

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

设置偏移坐标
如何设置元素的偏移坐标。

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

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

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

jQuery HTML/CSS 方法 jQuery HTML/CSS Methods

阅读全文

以上是鳄鱼CMS为你收集整理的 jQuery offset() 方法全部内容。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。

jquery datatype jQuery event.data 属性

2023-03-26 jQuery教程

jQuery event.data 属性jQuery 事件方法实例对每个 p 元素返回通过 on() 方法传递的数据：$(p).each(function(i){ $(this).on(c...
jquery 方法 jQuery eq() 方法

2023-05-23 jQuery教程

jQuery eq() 方法jQuery 遍历方法实例选取第二个 p 元素（索引号为 1）：$(p).eq(1).css(background-color,yellow);定义和用法 ...
jquery中prev方法 jQuery prev() 方法

2023-04-26 jQuery教程

jQuery prev() 方法jQuery 遍历方法实例返回带有类名 start 的每个 li 元素的前一个同级元素：$(document).ready(function(){ $...
jquery 效果 jQuery 效果 - fadeOut() 方法

2023-03-10 jQuery教程

jQuery 效果参考手册实例使用淡出效果来隐藏一个 p 元素：$(.btn1).click(function(){$(p).fadeOut();});亲自试一试定义和用法fa...
jquery文件操作 jQuery 文档操作 - remove() 方法

2023-03-11 jQuery教程

jQuery 文档操作参考手册实例移除所有 p 元素：$(button).click(function(){$(p).remove();});亲自试一试定义和用法remove() 方...