jQuery outerWidth ()เมธอด

❮ วิธีการ jQuery HTML/CSS

ตัวอย่าง

กลับความกว้างด้านนอกของ <div> องค์ประกอบ:

$("button").click(function(){
  alert($("div").outerWidth());
});

ความหมายและการใช้งาน

outerWidth() วิธีการส่งกลับความกว้างภายนอกขององค์ประกอบที่ตรงกัน FIRST

ดังที่แสดงในภาพด้านล่าง วิธีการนี้รวมถึงการเติมและเส้นขอบ

เคล็ดลับ:หากต้องการรวมระยะขอบ ให้ใช้ outerWidth(จริง)

ขนาด jQuery


วิธีการที่เกี่ยวข้อง:

  • width() - ตั้งค่าหรือส่งคืนความกว้างขององค์ประกอบ
  • height() - ตั้งค่าหรือส่งคืนความสูงขององค์ประกอบ
  • innerWidth() - ส่งกลับความกว้างขององค์ประกอบ (รวมถึงการเติม)
  • innerHeight() - ส่งกลับความสูงขององค์ประกอบ (รวมถึงการเติม)
  • outerHeight() - ส่งกลับความสูงขององค์ประกอบ (รวมถึงการเติมและเส้นขอบ)

ไวยากรณ์

$(selector).outerWidth(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

ลองด้วยตัวคุณเอง - ตัวอย่าง


ว่าจะรวมระยะขอบหรือไม่


ใช้ width(), height(), innerHeight(), innerWidth(), outerWidth() และ outerHeight()


❮ วิธีการ jQuery HTML/CSS