jQuery offset( ) 方法

最新推荐文章于 2023-06-17 13:46:15 发布

「已注销」

最新推荐文章于 2023-06-17 13:46:15 发布

阅读量2.9k

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117886234

版权

jQuery的offset()方法用于获取或设置元素相对于文档的位置。获取时返回第一个匹配元素的位置，设置时会影响所有匹配元素。方法返回的对象包含left和top属性。示例包括获取和设置位置的不同用法。

摘要由CSDN通过智能技术生成

通过jQuery 的offset( )方法，我们可以设置或者获取被选元素相对于文档的位置。需要注意的是，当我们获取被选元素的位置时，只会返回匹配到的第一个元素的位置。当我们设置被选元素的位置时，将会设置所有匹配到的元素的位置。

注意：该方法返回的是一个包含left和top属性的对象。

（1）获取位置

语法格式：

$(selector).offset()

（2）设置位置

语法格式：

常规方式

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

函数方式

$(selector).offset(function(n,current))

其中，n为匹配到的元素的索引，current为元素的当前位置

示例：

1.获取位置

（1）两个DIV元素，只返回第一个匹配到的DIV的位置：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../jQuery/jQuery.js&

关注