jQuery offset() 方法

jQuery HTML/CSS Methoden

offset()方法获取或设置所选元素相对于文档的偏移坐标。

当使用offset()方法获取偏移量时，它将返回第一个选定元素的偏移量坐标（包含2个属性的对象（　top 和 left ））。

当使用offset()方法设置偏移量时，它将设置所有选定元素的偏移量坐标。

语法：

获取偏移坐标：

$("selector").offset()

设置偏移量坐标：

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

Verwenden Sie eine Funktion, um die Koordinaten der Verschiebung zu setzen:

$("selector").offset(function(index,　currentOffset))

实例

获取段落的偏移坐标：

$("button").click(function(){
　　let　p　=　$("p");
　　let　offset　=　p.offset();
　　p.html("links:　"　+　offset.left　+　",　top:　"　+　offset.top);
});

设置所有段落的偏移坐标：

$("button").click(function(){
　　$("p").offset({
　　　　top:　60,
　　　　links:　30
　　});
});

使用另一个元素的偏移量坐标设置元素的偏移量坐标：

$("button").click(function(){
　　$("p").offset($("div").offset());
});

Verwenden Sie eine Funktion, um die Koordinaten der Verschiebung zu setzen:

$("button").click(function(){
　　$("p").offset(function(i, val){
　　　　let newCord = new Object();
　　　　newCord.left = val.left　+　100;
　　　　newCord.top = val.top　+　100;
　　　　return newCord;
　　});
});

Parameterwert

jQuery HTML/CSS Methoden