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