วิธี position

วิธี position ช่วยให้รับ ตำแหน่งขององค์ประกอบสัมพันธ์กับระยะของผู้ปกครอง ซึ่งแตกต่างจากวิธี offset ที่รับพิกัดสัมพันธ์กับ เอกสาร วิธี position มีประโยชน์มากกว่า เมื่อต้องการจัดวางองค์ประกอบใหม่ใกล้กับ องค์ประกอบอื่นภายในผู้ปกครองเดียวกัน ผลลัพธ์ของวิธีจะส่งคืนอ็อบเจ็กต์ ที่มีคุณสมบัติ top และ left ข้อผิดพลาดในการคำนวณอาจเกิดขึ้นหากผู้ใช้ เปลี่ยนขนาดหน้า นอกจากนี้วิธีไม่สามารถรับ พิกัดขององค์ประกอบที่ซ่อนอยู่ได้

ไวยากรณ์

รับพิกัดปัจจุบัน ในบางกรณี ค่าที่ได้อาจเป็นทศนิยม:

$(selector).position();

ตัวอย่าง

ลองรับตำแหน่งของย่อหน้าที่ อยู่ใน div โดยใช้วิธี position แล้วเข้าถึงคีย์ของอ็อบเจ็กต์ที่ได้ เพื่อแสดงข้อมูลนี้ในย่อหน้าอื่น:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">ข้อความ</p>
</div>
<p></p>

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

ดูเพิ่มเติม

วิธี offset,
ที่ช่วยให้รับ พิกัดปัจจุบันขององค์ประกอบ
วิธี offsetParent,
ที่ช่วยให้รับ บรรพบุรุษที่ถูกจัดวางตำแหน่งล่าสุดขององค์ประกอบ
วิธี css,
ที่ช่วยให้รับและเปลี่ยนแปลง สไตล์ CSS ขององค์ประกอบ