jQuery outerHeight() Metode

Metode HTML/CSS jQuery

Contoh

Kembalikan tinggi luar elemen <div>:

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

Definisi dan Penggunaan

Metode outerHeight() mengembalikan tinggi luar elemen yang cocok PERTAMA.

Seperti yang diilustrasikan gambar di bawah, metode ini mencakup padding dan border.

Tip: Untuk memasukkan margin, gunakan outerHeight(true).

Dimensi jQuery


Metode terkait:

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

Sintaksis

$(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

Cobalah Sendiri - Contoh


Tentukan apakah akan menyertakan margin atau tidak.


Cara menggunakan width(), height(), innerHeight(), innerWidth(), outerWidth() dan outerHeight().


Metode HTML/CSS jQuery