jQuery CSS 操作 - phương thức offset()
Ví dụ
Nhận vị trí offset hiện tại của phần tử <p>:
$(".btn1").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
Định nghĩa và cách sử dụng
Phương thức offset() trả về hoặc đặt vị trí offset của phần tử khớp so với tài liệu.
Trả về tọa độ offset
Trả về tọa độ offset của phần tử đầu tiên khớp.
Phương thức này trả về đối tượng chứa hai thuộc tính nguyên loại: top và left, bằng pixel. Phương thức này chỉ có hiệu lực đối với các phần tử nhìn thấy được.
Cú pháp
$(selector).offset()
Đặt tọa độ offset
Đặt tọa độ offset của tất cả các phần tử khớp.
Cú pháp
$(selector).offset(value)
| Tham số | Mô tả |
|---|---|
| value |
Bắt buộc. Định nghĩa tọa độ top và left bằng pixel. Giá trị có thể:
|
Sử dụng hàm để đặt tọa độ offset
Sử dụng hàm để đặt tọa độ offset của tất cả các phần tử khớp.
Cú pháp
$(selector).offset(function(index,oldoffset))
| Tham số | Mô tả |
|---|---|
| function(index,oldoffset) |
Định nghĩa hàm trả về tọa độ mới của phần tử được chọn.
|
Các ví dụ thêm
- Sử dụng đối tượng để đặt giá trị offset mới cho đối tượng.
- Sử dụng tọa độ trong đối tượng mới để xác định vị trí của phần tử.
- Sử dụng vị trí của một phần tử khác để đặt giá trị offset mới cho phần tử.
- Sử dụng vị trí của đối tượng đã có để xác định vị trí của phần tử.
