jQuery outerWidth() Metode

Metode HTML/CSS jQuery

Contoh

Kembalikan lebar luar elemen <div>:

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

Definisi dan Penggunaan

Metode outerWidth() mengembalikan lebar luar elemen yang cocok PERTAMA.

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

Tip: Untuk memasukkan margin, gunakan outerWidth(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)
  • outerHeight() - Mengembalikan tinggi elemen (termasuk padding dan border).

Sintaksis

$(selector).outerWidth(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