ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery offset() Method

<jQuery HTML / วิธี CSS

ตัวอย่าง

กลับพิกัดชดเชยของ <p> องค์ประกอบ:

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
ลองตัวเอง»

ความหมายและการใช้งาน

offset() วิธีการตั้งค่าหรือผลตอบแทนที่พิกัดชดเชยสำหรับองค์ประกอบที่เลือกเทียบกับเอกสาร

เมื่อนำมาใช้เพื่อกลับไปชดเชย:
วิธีการนี้จะส่งกลับพิกัด offset ขององค์ประกอบคู่แรกก่อน ก็จะส่งกลับวัตถุมี 2 คุณสมบัติ; ตำแหน่งบนและด้านซ้ายเป็นพิกเซล

เมื่อนำมาใช้ในการตั้งค่าชดเชย:
วิธีการนี้จะกำหนดพิกัดชดเชยขององค์ประกอบที่ตรงทั้งหมด


วากยสัมพันธ์

กลับพิกัดชดเชย:

$(selector).offset()

ตั้งค่าพิกัดชดเชย:

$(selector).offset({top:value,left:value})

ตั้งค่าพิกัดชดเชยโดยใช้ฟังก์ชั่น:

$(selector).offset(function(index,currentoffset))

พารามิเตอร์ ลักษณะ
{top:value,left:value} เมื่อตั้งค่าชดเชย ระบุพิกัดบนและด้านซ้ายเป็นพิกเซล

ค่าที่เป็นไปได้:
  • คู่ชื่อ / ค่าเช่น {top:100,left:100}
  • วัตถุที่มีคุณสมบัติด้านบนและด้านซ้าย ( ตัวอย่าง )
function(index,currentoffset) ไม่จำเป็น ฟังก์ชั่นระบุที่ส่งกลับวัตถุที่มีพิกัดบนและซ้าย
  • index - กลับตำแหน่งดัชนีขององค์ประกอบในชุด
  • currentoffset - ส่งคืนพิกัดปัจจุบันขององค์ประกอบที่เลือก

ลองตัวเอง - ตัวอย่าง

ตั้งค่าพิกัดชดเชย
วิธีการตั้งค่าพิกัด offset ขององค์ประกอบ

ตั้งค่าพิกัดชดเชยโดยใช้ฟังก์ชั่น
การใช้ฟังก์ชั่นการตั้งพิกัด offset ขององค์ประกอบ

ตั้งพิกัดชดเชยสำหรับองค์ประกอบในการใช้วัตถุ
วิธีการตั้งค่าพิกัดชดเชยสำหรับองค์ประกอบในการใช้วัตถุใหม่

ตั้งค่าพิกัดชดเชยสำหรับองค์ประกอบโดยใช้พิกัด offset ขององค์ประกอบอื่น
วิธีการตั้งค่า coords ชดเชยสำหรับองค์ประกอบโดยใช้ coords offset ขององค์ประกอบที่มีอยู่


<jQuery HTML / วิธี CSS