ตัวอย่าง
กลับมาความสูงของ <div> ไปนี้:
$("button").click(function(){
alert($("div").height());
});
ลองตัวเอง» ความหมายและการใช้งาน
height() ชุดวิธีการหรือผลตอบแทนที่สูงขององค์ประกอบที่เลือก
เมื่อวิธีการนี้จะใช้ในการกลับมาสูงก็จะส่งกลับความสูงขององค์ประกอบการจับคู่ครั้งแรก
เมื่อวิธีการนี้จะใช้ในการตั้งค่าความสูงจะกำหนดความสูงขององค์ประกอบทั้งหมดที่จับคู่
ขณะที่ภาพด้านล่างแสดงให้เห็นถึงวิธีการนี้ไม่รวมถึงการขยายพรมแดนหรือคิดเป็นอัตรา
วิธีการที่เกี่ยวข้อง:
- width() - ชุดหรือส่งกลับความกว้างของสิ่งนั้น ๆ
- innerWidth() - ส่งกลับความกว้างของสิ่งนั้น ๆ (รวม padding)
- innerHeight() - ส่งกลับความสูงขององค์ประกอบนี้ (รวมถึงช่องว่าง)
- outerWidth() - ส่งกลับความกว้างขององค์ประกอบนี้ (รวมถึงการขยายและชายแดน)
- outerHeight() - ส่งกลับความสูงขององค์ประกอบนี้ (รวมถึงการขยายและชายแดน)
วากยสัมพันธ์
กลับสูง:
$(selector).height()
ตั้งค่าความสูง:
$(selector).height(value)
ตั้งค่าความสูงโดยใช้ฟังก์ชั่น:
$(selector).height(function(index,currentheight))
| พารามิเตอร์ | ลักษณะ |
|---|---|
| value | ที่จำเป็นสำหรับการตั้งค่าความสูง ระบุความสูงใน PX, em, PT ฯลฯ หน่วยเริ่มต้นเป็นพิกเซล |
| function(index,currentheight) | ไม่จำเป็น ระบุฟังก์ชันที่ส่งกลับสูงใหม่ขององค์ประกอบที่เลือก
|
ลองตัวเอง - ตัวอย่าง
ตั้งค่าความสูงขององค์ประกอบนั้น
วิธีการตั้งค่าความสูงขององค์ประกอบโดยใช้หน่วยงานต่างๆ
เพิ่มความสูงโดยใช้ฟังก์ชั่น
วิธีการใช้งานฟังก์ชั่นเพื่อเพิ่มความสูงขององค์ประกอบนั้น
กลับมีความสูงของเอกสารและหน้าต่างองค์ประกอบ
วิธีการคืนความสูงปัจจุบันของเอกสารและหน้าต่างองค์ประกอบ
ขนาดจอแสดงผลด้วยวิธีการที่เกี่ยวข้อง
วิธีการใช้ width(), height(), innerHeight(), innerWidth(), outerWidth() และ outerHeight()