jQuery outerHeight()เมธอด
ตัวอย่าง
ส่งคืนความสูงภายนอกของ <div> องค์ประกอบ:
$("button").click(function(){
alert($("div").outerHeight());
});
ความหมายและการใช้งาน
outerHeight() วิธีการส่งกลับความสูงภายนอกขององค์ประกอบที่ตรงกันครั้งแรก
ดังที่แสดงในภาพด้านล่าง วิธีการนี้รวมถึงการเติมและเส้นขอบ
เคล็ดลับ:หากต้องการรวมระยะขอบ ให้ใช้ outerHeight(true)
วิธีการที่เกี่ยวข้อง:
- width() - ตั้งค่าหรือส่งคืนความกว้างขององค์ประกอบ
- height() - ตั้งค่าหรือส่งคืนความสูงขององค์ประกอบ
- innerWidth() - ส่งกลับความกว้างขององค์ประกอบ (รวมถึงการเติม)
- innerHeight() - ส่งกลับความสูงขององค์ประกอบ (รวมถึงการเติม)
- outerWidth() - ส่งกลับความกว้างขององค์ประกอบ (รวมถึงการเติมและเส้นขอบ)
ไวยากรณ์
$(selector).outerHeight(includeMargin)
| Parameter | Description |
|---|---|
| includeMargin | Optional. A Boolean value specifying whether or not to include the margin
|
ลองด้วยตัวคุณเอง - ตัวอย่าง
ว่าจะรวมระยะขอบหรือไม่
ใช้ width(), height(), innerHeight(), innerWidth(), outerWidth() และ outerHeight()