jQuery.offset()方法获取匹配元素在文档中的当前坐标

jQuery.offset()方法

jQuery.offset()方法是jQuery中用于获取匹配元素在文档中的当前坐标的一个方法。它可以获取元素的偏移量，以及它相对于父元素的偏移量，从而可以计算出元素在文档中的绝对坐标。

var offset = $('#myElement').offset();
var top = offset.top;
var left = offset.left;

上面的代码可以获取元素#myElement的偏移量，并将其保存在变量offset中，其中top表示元素距离文档顶部的距离，left表示元素距离文档左边的距离。

jQuery.offset()方法也可以用来设置元素的偏移量，如下面的代码：

$('#myElement').offset({
    top: 10,
    left: 20
});

上面的代码将元素#myElement的偏移量设置为top: 10，left: 20，即将元素距离文档顶部10像素，距离文档左边20像素。

jQuery.offset()方法还可以用来计算两个元素之间的偏移量，如下面的代码：

var offset1 = $('#myElement1').offset();
var offset2 = $('#myElement2').offset();
var topOffset = offset2.top - offset1.top;
var leftOffset = offset2.left - offset1.left;

上面的代码可以计算出元素#myElement2相对于元素#myElement1的偏移量，topOffset表示元素#myElement2距离元素#myElement1顶部的距离，leftOffset表示元素#myElement2距离元素#myElement1左边的距离。

jQuery.offset()方法是一个非常有用的方法，可以用来获取元素的偏移量，以及两个元素之间的偏移量，从而可以计算出元素在文档中的绝对坐标。