Phương thức jQuery height ()
❮ Phương thức HTML / CSS jQuery
Thí dụ
Trả về chiều cao của phần tử <div>:
$("button").click(function(){
alert($("div").height());
});
Định nghĩa và Cách sử dụng
Phương thức height () đặt hoặc trả về chiều cao của các phần tử đã chọn.
Khi phương thức này được sử dụng để trả về chiều cao, nó sẽ trả về chiều cao của phần tử được so khớp ĐẦU TIÊN.
Khi phương pháp này được sử dụng để đặt chiều cao, nó sẽ đặt chiều cao của TẤT CẢ các phần tử được so khớp.
Như hình ảnh minh họa bên dưới, phương pháp này không bao gồm phần đệm, đường viền hoặc lề.
Các phương pháp liên quan:
- width () - Đặt hoặc trả về chiều rộng của một phần tử
- innerWidth () - Trả về chiều rộng của một phần tử (bao gồm padding)
- innerHeight () - Trả về chiều cao của một phần tử (bao gồm phần đệm)
- externalWidth () - Trả về chiều rộng của một phần tử (bao gồm phần đệm và đường viền)
- ngoàiHeight () - Trả về chiều cao của một phần tử (bao gồm phần đệm và đường viền)
Cú pháp
Trả lại chiều cao:
$(selector).height()
Đặt chiều cao:
$(selector).height(value)
Đặt chiều cao bằng một hàm:
$(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
|
Hãy tự mình thử - Ví dụ
Cách đặt chiều cao của một phần tử bằng cách sử dụng các đơn vị khác nhau.
Cách sử dụng hàm để tăng chiều cao của một phần tử.
Cách trả lại chiều cao hiện tại của phần tử tài liệu và cửa sổ.
Cách sử dụng width (), height (), innerHeight (), innerWidth (), externalWidth () và externalHeight ().
❮ Phương thức HTML / CSS jQuery