jQuery CSS Operations - phương thức height()

Hướng dẫn tham khảo CSS jQuery

Ví dụ

Đặt chiều cao của phần tử <p>:

$(".btn1").click(function(){
  $("p").height(50);
});

Thử ngay

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

Phương thức height() trả về hoặc đặt chiều cao của phần tử khớp.

Trả về chiều cao

Trả về chiều cao của phần tử khớp đầu tiên.

Nếu không thiết lập tham số cho phương thức này, sẽ trả về chiều cao của phần tử khớp bằng pixel.

Cú pháp

$(selector).height()

Thử ngay

Đặt chiều cao

Đặt chiều cao của tất cả các phần tử khớp.

Cú pháp

$(selector).height(length)
Tham số Mô tả
length

Tùy chọn. Quy định chiều cao của phần tử.

Nếu không quy định đơn vị đo độ dài, sẽ sử dụng đơn vị mặc định là px.

Thử ngay

Sử dụng hàm để đặt chiều cao

Sử dụng hàm để đặt chiều cao của tất cả các phần tử khớp.

Cú pháp

$(selector).height(function(index,oldheight))
Tham số Mô tả
function(index,oldheight)

Định nghĩa hàm trả về chiều cao mới của phần tử được chọn.

  • index - tùy chọn. Chấp nhận vị trí index của bộ lọc
  • oldvalue - tùy chọn. Chấp nhận giá trị hiện tại của bộ lọc.

Thử ngay

Các ví dụ thêm

Lấy chiều cao của phần tử document và window
Sử dụng phương thức height() để lấy chiều cao hiện tại của phần tử document và window.
Đặt chiều cao bằng giá trị em và %
Đặt chiều cao của phần tử bằng đơn vị đo độ dài được chỉ định.

Hướng dẫn tham khảo CSS jQuery