tutorial pengembangan web terbaru
 

jQuery height() Method

<JQuery HTML Metode / CSS

Contoh

Kembali tinggi dari elemen <div>:

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

Definisi dan Penggunaan

The height() metode set atau mengembalikan ketinggian dari elemen yang dipilih.

Ketika metode ini digunakan untuk mengembalikan ketinggian, ia mengembalikan ketinggian elemen cocok PERTAMA.

Ketika metode ini digunakan untuk mengatur ketinggian, ia menetapkan ketinggian SEMUA elemen cocok.

Sebagai gambar di bawah ini menggambarkan, metode ini tidak termasuk padding, border, atau marjin.

jQuery Dimensi


metode terkait:

  • width() - Mengatur atau mengembalikan lebar elemen
  • innerWidth() - Mengembalikan lebar elemen (termasuk padding)
  • innerHeight() - Mengembalikan ketinggian elemen (termasuk padding)
  • outerWidth() - Mengembalikan lebar elemen (termasuk padding dan border)
  • outerHeight() - Mengembalikan ketinggian elemen (termasuk padding dan border)

Sintaksis

Kembali ketinggian:

$(selector).height()

Mengatur ketinggian:

$(selector).height(value)

Mengatur ketinggian menggunakan fungsi:

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

Parameter Deskripsi
value Diperlukan untuk pengaturan tinggi. Menentukan tinggi dalam px, em, pt, dll
Unit standar adalah px
function(index,currentheight) Pilihan. Menentukan fungsi yang mengembalikan ketinggian baru dari unsur yang dipilih
  • index - Mengembalikan posisi indeks dari elemen dalam himpunan
  • currentheight - Mengembalikan tinggi saat elemen yang dipilih

Coba Sendiri - Contoh

Mengatur tinggi dari elemen
Cara mengatur tinggi dari elemen menggunakan unit yang berbeda.

Menambah tinggi badan menggunakan fungsi
Cara menggunakan fungsi untuk meningkatkan ketinggian elemen.

Kembali ketinggian dokumen dan jendela elemen
Bagaimana mengembalikan ketinggian saat dokumen dan jendela elemen.

Tampilan dimensi dengan metode terkait
Cara menggunakan width(), height(), innerHeight(), innerWidth(), outerWidth() dan outerHeight() .


<JQuery HTML Metode / CSS