Contoh
Kembali lebar <div> elemen:
$("button").click(function(){
alert($("div").width());
});
Cobalah sendiri " Definisi dan Penggunaan
The width() metode set atau mengembalikan lebar dari elemen yang dipilih.
Ketika metode ini digunakan untuk mengembalikan lebar, ia mengembalikan lebar elemen cocok PERTAMA.
Ketika metode ini digunakan untuk mengatur lebar, ia menetapkan lebar SEMUA elemen cocok.
Sebagai gambar di bawah ini menggambarkan, metode ini tidak termasuk padding, border, atau marjin.
metode terkait:
- height() - Mengatur atau mengembalikan ketinggian elemen
- innerWidth() - Mengembalikan lebar elemen (termasuk padding)
- innerHeight() - Mengembalikan ketinggian elemen (termasuk padding)
- outerWidth() - Mengembalikan lebar elemen (termasuk padding dan border).
- outerHeight() - Mengembalikan ketinggian elemen (termasuk padding dan border).
Sintaksis
Kembali lebar:
$(selector).width()
Mengatur lebar:
$(selector).width(value)
Mengatur lebar menggunakan fungsi:
$(selector).width(function(index,currentwidth))
| Parameter | Deskripsi |
|---|---|
| value | Diperlukan untuk pengaturan lebar. Menentukan lebar di px, em, pt, dll Unit Default px |
| function(index,currentwidth) | Pilihan. Menentukan fungsi yang mengembalikan lebar baru dari unsur yang dipilih
|
Coba Sendiri - Contoh
Set lebar elemen
Cara mengatur lebar elemen menggunakan unit yang berbeda.
Menurunkan lebar menggunakan fungsi
Cara menggunakan fungsi untuk mengurangi lebar elemen.
Kembali lebar dokumen dan jendela elemen
Bagaimana mengembalikan lebar saat dokumen dan jendela elemen.
Tampilan dimensi dengan metode terkait
Cara menggunakan width(), height(), innerHeight(), innerWidth(), outerWidth() dan outerHeight() .
Desain responsif dengan width()
Cara mengubah warna latar belakang halaman pada layar yang lebih kecil.