tutorial pengembangan web terbaru
 

jQuery outerWidth() Method

<JQuery HTML Metode / CSS

Contoh

Kembali lebar luar dari <div> elemen:

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

Definisi dan Penggunaan

The outerWidth() metode mengembalikan lebar luar elemen cocok PERTAMA.

Sebagai gambar di bawah ini menggambarkan, metode ini termasuk padding dan perbatasan.

Tip: Untuk menyertakan margin, menggunakan outerWidth(true) .

jQuery Dimensi


metode terkait:

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

Sintaksis

$(selector).outerWidth( includeMargin )

Parameter Deskripsi
includeMargin Pilihan. Nilai Boolean yang menentukan apakah atau tidak untuk menyertakan margin
  • false - default. Tidak termasuk margin
  • true - Termasuk margin

Coba Sendiri - Contoh

Termasuk margin
Specifiy apakah atau tidak untuk menyertakan margin.

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


<JQuery HTML Metode / CSS