Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery innerWidth () วิธีการ

jQuery HTML / วิธี CSS jQuery HTML / วิธี CSS

ตัวอย่าง

กลับภายในความกว้างของ <div>:

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

ลอง»

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

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

ดังแสดงในภาพต่อไปนี้วิธีการที่ประกอบไปด้วยช่องว่าง แต่ไม่ชายแดนและกำไร

jQuery ขนาด


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

  • ความกว้าง () - ชุดหรือส่งกลับความกว้างขององค์ประกอบ
  • ความสูง () - ชุดหรือผลตอบแทนที่สูงของสิ่งนั้น ๆ
  • innerHeight () - ส่งกลับความสูงขององค์ประกอบ (รวม padding) เดอะ
  • outerWidth () - ส่งกลับความกว้างขององค์ประกอบ (รวมถึงการขยายและชายแดน)
  • outerHeight () - ส่งกลับความสูงขององค์ประกอบ (รวมถึงการขยายและชายแดน)

ไวยากรณ์

$(selector).innerWidth()


ตัวอย่าง

ตัวอย่างเพิ่มเติม

ขนาดการแสดงผลโดยวิธีการที่เกี่ยวข้อง
วิธีการใช้ความกว้าง () ความสูง () innerHeight () innerWidth () outerWidth () และ outerHeight ()


jQuery HTML / วิธี CSS jQuery HTML / วิธี CSS