tinggi jQuery () Metode
Contoh
Kembalikan tinggi elemen <div>:
$("button").click(function(){
alert($("div").height());
});
Definisi dan Penggunaan
Metode height() menetapkan atau mengembalikan ketinggian elemen yang dipilih.
Ketika metode ini digunakan untuk mengembalikan ketinggian, metode ini mengembalikan ketinggian elemen yang cocok PERTAMA.
Saat metode ini digunakan untuk menyetel ketinggian, metode ini menyetel ketinggian SEMUA elemen yang cocok.
Seperti yang diilustrasikan gambar di bawah, metode ini tidak menyertakan padding, border, atau margin.
Metode terkait:
- width() - Mengatur atau mengembalikan lebar elemen
- innerWidth() - Mengembalikan lebar elemen (termasuk padding)
- innerHeight() - Mengembalikan tinggi elemen (termasuk padding)
- outerWidth() - Mengembalikan lebar elemen (termasuk padding dan border)
- outerHeight() - Mengembalikan tinggi elemen (termasuk padding dan border)
Sintaksis
Kembalikan tinggi:
$(selector).height()
Mengatur ketinggian:
$(selector).height(value)
Atur ketinggian menggunakan fungsi:
$(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
|
Cobalah Sendiri - Contoh
Cara mengatur ketinggian elemen menggunakan unit yang berbeda.
Cara menggunakan fungsi untuk menambah tinggi elemen.
Bagaimana mengembalikan tinggi dokumen dan elemen jendela saat ini.
Cara menggunakan width(), height(), innerHeight(), innerWidth(), outerWidth() dan outerHeight().