Phương thức position

Phương thức position cho phép lấy vị trí của phần tử tương đối so với lề của phần tử cha, khác với phương thức offset, lấy tọa độ tương đối so với tài liệu. Phương thức position hữu ích hơn khi định vị một phần tử mới bên cạnh phần tử khác trong cùng một phần tử cha. Kết quả trả về của phương thức là một đối tượng, chứa các thuộc tính top và left. Lỗi trong tính toán có thể xảy ra nếu người dùng thay đổi kích thước trang. Ngoài ra, phương thức không lấy được tọa độ của các phần tử bị ẩn.

Cú pháp

Lấy tọa độ hiện tại. Trong một số trường hợp các giá trị nhận được có thể là số thập phân:

$(selector).position();

Ví dụ

Hãy lấy vị trí của đoạn văn nằm trong thẻ div bằng phương thức position, sau đó, truy cập vào các khóa của đối tượng nhận được, hiển thị thông tin này trong một đoạn văn khác:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">văn bản</p>
</div>
<p></p>

let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);

Xem thêm

phương thức offset,
cho phép lấy tọa độ hiện tại của phần tử
phương thức offsetParent,
cho phép lấy phần tử tổ tiên được định vị gần nhất của phần tử
phương thức css,
cho phép lấy và thay đổi kiểu CSS của phần tử