Phương thức jQuery externalHeight ()

❮ Phương thức HTML / CSS jQuery

Thí dụ

Trả về chiều cao bên ngoài của phần tử <div>:

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

Định nghĩa và Cách sử dụng

Phương thức externalHeight () trả về chiều cao bên ngoài của phần tử được so khớp ĐẦU TIÊN.

Như hình ảnh minh họa bên dưới, phương pháp này bao gồm phần đệm và đường viền.

Mẹo: Để bao gồm lề, hãy sử dụng externalHeight (true).

Kích thước jQuery


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ử
  • height () - Đặt hoặc trả về chiều cao 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).

Cú pháp

$(selector).outerHeight(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

Hãy tự mình thử - Ví dụ


Xác định xem có bao gồm ký quỹ hay không.


Cách sử dụng width (), height (), innerHeight (), innerWidth (), externalWidth () và externalHeight ().


❮ Phương thức HTML / CSS jQuery