jQuery width()วิธีการ

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

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

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

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

เมื่อวิธีนี้ใช้เพื่อส่งคืนความกว้าง จะคืนค่าความกว้างขององค์ประกอบที่ตรงกัน FIRST

เมื่อใช้วิธีนี้เพื่อกำหนดความกว้าง จะกำหนดความกว้างขององค์ประกอบที่ตรงกันทั้งหมด

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

ขนาด jQuery

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

คืนความกว้าง:

$(selector).width()

กำหนดความกว้าง:

$(selector).width(value)

กำหนดความกว้างโดยใช้ฟังก์ชัน:

$(selector).width(function(index,currentwidth))

Parameter	Description
value	Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px
function(index,currentwidth)	Optional. Specifies a function that returns the new width of selected elements index - Returns the index position of the element in the set currentwidth - Returns the current width of the selected element

วิธีกำหนดความกว้างขององค์ประกอบโดยใช้หน่วยต่างๆ

วิธีใช้ฟังก์ชันเพื่อลดความกว้างขององค์ประกอบ

วิธีคืนค่าความกว้างปัจจุบันขององค์ประกอบเอกสารและหน้าต่าง

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

วิธีเปลี่ยนสีพื้นหลังของหน้าบนหน้าจอขนาดเล็ก