lebar jQuery () Metode
Contoh
Kembalikan lebar elemen <div>:
$("button").click(function(){
alert($("div").width());
});
Definisi dan Penggunaan
Metode width() menyetel atau mengembalikan lebar elemen yang dipilih.
Saat metode ini digunakan untuk mengembalikan lebar, metode ini mengembalikan lebar elemen yang cocok PERTAMA.
Saat metode ini digunakan untuk menyetel lebar, metode ini menyetel lebar SEMUA elemen yang cocok.
Seperti yang diilustrasikan gambar di bawah, metode ini tidak menyertakan padding, border, atau margin.
Metode terkait:
- 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).
- outerHeight() - Mengembalikan tinggi elemen (termasuk padding dan border).
Sintaksis
Kembalikan lebarnya:
$(selector).width()
Setel lebarnya:
$(selector).width(value)
Atur lebar menggunakan fungsi:
$(selector).width(function(index,currentwidth))
| Parameter | Description |
|---|---|
| value | Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px |
| function(index,currentwidth) | Optional. Specifies a function that returns the new width of selected elements
|
Cobalah Sendiri - Contoh
Bagaimana mengatur lebar elemen menggunakan unit yang berbeda.
Cara menggunakan fungsi untuk mengurangi lebar elemen.
Bagaimana mengembalikan lebar dokumen dan elemen jendela saat ini.
Cara menggunakan width(), height(), innerHeight(), innerWidth(), outerWidth() dan outerHeight().
Cara mengubah warna latar belakang halaman pada layar yang lebih kecil.