Phương thức jQuery offset ()

❮ Phương thức HTML / CSS jQuery

Thí dụ

Trả về tọa độ bù của phần tử <p>:

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

Định nghĩa và Cách sử dụng

Phương thức offset () đặt hoặc trả về tọa độ bù cho các phần tử đã chọn, liên quan đến tài liệu.

Khi được sử dụng để trả về độ lệch:
Phương thức này trả về tọa độ độ lệch của phần tử được so khớp ĐẦU TIÊN. Nó trả về một đối tượng có 2 thuộc tính; vị trí trên cùng và bên trái tính bằng pixel.

Khi được sử dụng để đặt độ lệch:
Phương pháp này đặt tọa độ bù của TẤT CẢ các phần tử đã khớp.


Cú pháp

Trả lại tọa độ bù đắp:

$(selector).offset()

Đặt tọa độ bù đắp:

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

Đặt tọa độ bù bằng một hàm:

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

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

Hãy tự mình thử - Ví dụ


Cách đặt tọa độ bù của một phần tử.


Sử dụng một hàm để đặt tọa độ bù của một phần tử.


Cách đặt tọa độ bù cho một phần tử bằng một đối tượng mới.


Cách đặt tọa độ bù cho một phần tử bằng cách sử dụng tọa độ bù của một phần tử hiện có.


❮ Phương thức HTML / CSS jQuery