สมมติ xxx คือ selector
รูปแบบฟังก์ชัน $("xxx").offset();
เป็นฟังก์ชันที่ใช้สำหรับหาตำแหน่งของ element หรือ selector โดยเมื่อมีการเรียกใช้
จะคืนค่ากลับมาเป็น Object พร้อมกับค่าตัวเลข ที่เป็น property 2 ตัวคือ top กับ left
คำสั่งนี้ใช้ได้เฉพาะกับ element หรือ selector ที่มี visible เป็น true คือเป็น element
ตัวที่ไม่ได้กำหนดให้ซ่อนไว้
<script language="javascript">
$(function(){
var p = $("p:last");
var offset = p.offset();
alert(offset.left);
alert(offset.top);
});
</script>
จากโค้ดด้านบน บรรทัดที่ 3 เป็นการสร้างตัวแปร Object ชื่อ p รับค่าจากตัว selector ที่ชื่อ p:last หมายถึืง paragraph ตัวสุดท้าย
บรรทัดที่ 4 เป็นการกำหนดค่าตัวแปร offset รับค่าตัวแปร p ที่เรียกใช้ฟังก์ชัน offset()
ผลที่ได้คือตัวแปร offset จะมีค่าตัวแปรเพิ่มมาอีก 2 ตัวคือ offset.top และ offset.left
หากตัวแปร offset เราตั้งเป็นชื่ออื่นเช่น plan ในทำนองเดียวกันค่าของตัวแปร plan เมื่อเรียก
ใช้ฟังก์ชัน offset() ก็จะได้ค่าตัวแปรเพิ่มมาอีก 2 ตัวเช่นกันคือ plan.top และ plan.left
บรรทัดที่ 5 และ 6 เป็นการแสดงค่าของตัวแปร
อ่านต่อที่บทความ