Định nghĩa và sử dụng .position() trong jQuery

.position(): Lấy tọa độ hiện tại của thành phần, tọa độ này được tính dựa vào gốc của thành phần cha.

Cấu trúc .position() trong jQuery

Đã được thêm vào từ phiên bản 1.2

.position()

$('p').position();

.position()

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
div { padding: 20px;}
</style>
<script>
$(function(){
    var posP = $('p').position();
    $("span").text("left: " + posP.left + ", top: " + posP.top );
});
</script>
</head>

<body>
<div>
<p>Thành phần p</><br />
Tọa độ của thành phần p:<span></span>
</div>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy tạo độ của thành phần p đã được xác nhận.

Viết câu trả lời

Drop Images

0 Bình luận