jQuery CSS ปฏิบัติการ - เมธอด height()

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

ตัวอย่าง

ตั้งค่าสูงขององค์ประกอบ <p> ได้

$(".btn1").click(function(){
  $("p").height(50);
});

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

คำนิยามและวิธีใช้

เมธอด height() กลับมาหรือตั้งค่าสูงขององค์ประกอบที่ตรงกับเลือกตัวแทน

กลับมาด้วยสูง

กลับมาด้วยสูงขององค์ประกอบแรกที่ตรงกับเลือกตัวแทน

ถ้าไม่ตั้งค่าตัวแปรให้กับวิธีนี้ จะกลับมาด้วยสูงขององค์ประกอบที่ตรงกับเลือกตัวแทนด้วยหน่วยความยาวพิกเซล

รูปแบบการใช้

$(selector).height()

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

ตั้งค่าสูง

ตั้งค่าสูงขององค์ประกอบที่ตรงกับเลือกตัวแทน

รูปแบบการใช้

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

ไม่มีค่าโดยเริ่มต้น. กำหนดสูงขององค์ประกอบ

ถ้าไม่กำหนดหน่วยความยาว จะใช้หน่วยความยาว px โดยเริ่มต้น

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

ใช้ฟังก์ชันเพื่อตั้งค่าสูง

ใช้ฟังก์ชันเพื่อตั้งค่าสูงขององค์ประกอบที่ตรงกับเลือกตัวแทน

รูปแบบการใช้

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

กำหนดฟังก์ชันที่กลับมาด้วยสูงขององค์ประกอบที่ถูกเลือก

  • index - ไม่มีค่าโดยเริ่มต้น. รับตำแหน่ง index ของเลือกตัวแทน
  • oldvalue - ไม่มีค่าโดยเริ่มต้น. รับค่าปัจจุบันของเลือกตัวแทน

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

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

ได้รับสูงขององค์ประกอบ document และ window
ใช้เมธอด height() ที่สำหรับได้รับสูงขององค์ประกอบ document และ window ในขณะนี้
ตั้งค่าสูงด้วยค่า em และ %
ตั้งค่าสูงขององค์ประกอบด้วยหน่วยความยาวที่กำหนด

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