ความสูง ของ jQuery ()วิธีการ

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

ตัวอย่าง

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

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

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

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

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

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

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

ขนาด jQuery


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

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


ไวยากรณ์

คืนความสูง:

$(selector).height()

กำหนดความสูง:

$(selector).height(value)

ตั้งค่าความสูงโดยใช้ฟังก์ชัน:

$(selector).height(function(index,currentheight))

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

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


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


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


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


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


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