ความสูง ของ jQuery ()วิธีการ
ตัวอย่าง
ส่งกลับความสูงของ <div> องค์ประกอบ:
$("button").click(function(){
alert($("div").height());
});
ความหมายและการใช้งาน
height() วิธีการกำหนดหรือส่งคืนความสูงขององค์ประกอบที่เลือก
เมื่อวิธีนี้ใช้เพื่อส่งคืนความสูง จะคืนค่าความสูงขององค์ประกอบที่ตรงกัน FIRST
เมื่อใช้วิธีนี้เพื่อกำหนดความสูง จะกำหนดความสูงขององค์ประกอบที่ตรงกันทั้งหมด
ดังที่แสดงในภาพด้านล่าง วิธีการนี้ไม่รวมการเติม เส้นขอบ หรือระยะขอบ
วิธีการที่เกี่ยวข้อง:
- 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
|
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีกำหนดความสูงขององค์ประกอบโดยใช้หน่วยต่างๆ
วิธีใช้ฟังก์ชันเพื่อเพิ่มความสูงขององค์ประกอบ
วิธีคืนค่าความสูงปัจจุบันขององค์ประกอบเอกสารและหน้าต่าง
ใช้ width(), height(), innerHeight(), innerWidth(), outerWidth() และ outerHeight()