jQuery offset() 方法

jQuery HTML/CSS 方法

offset()方法獲取或設(shè)置所選元素相對(duì)于文檔的偏移坐標(biāo)。

當(dāng)使用offset()方法獲取偏移量時(shí)，它將返回第一個(gè)選定元素的偏移量坐標(biāo)（包含2個(gè)屬性的對(duì)象（ top 和 left ））。

當(dāng)使用offset()方法設(shè)置偏移量時(shí)，它將設(shè)置所有選定元素的偏移量坐標(biāo)。

語(yǔ)法：

獲取偏移坐標(biāo)：

$(selector).offset()

設(shè)置偏移量坐標(biāo)：

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

使用函數(shù)設(shè)置偏移量坐標(biāo)：

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

實(shí)例

獲取段落的偏移坐標(biāo)：

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

設(shè)置所有段落的偏移坐標(biāo)：

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

使用另一個(gè)元素的偏移量坐標(biāo)設(shè)置元素的偏移量坐標(biāo)：

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

使用函數(shù)設(shè)置偏移量坐標(biāo)：

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

參數(shù)值

jQuery HTML/CSS 方法