jQuery CSS ปฏิบัติตาม - วิธี offset()

jQuery CSS ปฏิบัติตามคู่มือ

ตัวอย่าง

ได้รับตำแหน่ง offset ขององค์ประกอบ <p> ในตอนนี้:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

ทดลองด้วยตัวเอง

คำอธิบายและการใช้งาน

วิธี offset() คืนค่าหรือจัดตั้งตำแหน่ง offset (ตำแหน่ง) ขององค์ประกอบที่ถูกเลือก

คืนค่าตำแหน่ง offset

คืนค่าตำแหน่ง offset ขององค์ประกอบแรกที่ถูกเลือก

วัตถุที่คืนค่าประกอบมีสองคุณสมบัติทั้งหมดที่เป็นตัวเต็มเป็นอิสระ: top และ left ด้วยพิกัดพิสัย。วิธีนี้มีผลเฉพาะองค์ประกอบที่มีความเห็นได้

คำสั่ง

$(selector).offset()

ทดลองด้วยตัวเอง

จัดตั้งค่า offset

จัดตั้งค่า offset ขององค์ประกอบที่ทันทีที่ถูกเลือก

คำสั่ง

$(selector).offset(value)
ตัวแปร คำอธิบาย
value

จำเป็น。กำหนดค่า top และ left ด้วยพิกัดพิสัย

ค่าที่เป็นไปได้

  • ค่าเป็นคู่ ตัวอย่างเช่น {top:100,left:0}
  • วัตถุที่มีคุณสมบัติ top และ left

ทดลองด้วยตัวเอง

ใช้ฟังก์ชันเพื่อจัดตั้งค่า offset

ใช้ฟังก์ชันเพื่อจัดตั้งค่า offset ขององค์ประกอบที่ทันทีที่ถูกเลือก

คำสั่ง

$(selector).offset(function(index,oldoffset))
ตัวแปร คำอธิบาย
function(index,oldoffset)

กำหนดฟังก์ชันที่กลับค่าตำแหน่ง offset ใหม่ขององค์ประกอบที่ถูกเลือก

  • index - ไม่มีค่าเริ่มต้น。ยอมรับตำแหน่ง index ของเลือกตัว
  • oldvalue - ไม่มีค่าเริ่มต้น。ยอมรับตำแหน่งที่มีอยู่ของเลือกตัว

ทดลองด้วยตัวเอง

ตัวอย่างเพิ่มเติม

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

jQuery CSS ปฏิบัติตามคู่มือ