Operasi CSS jQuery - Metode width()

Panduan Operasi CSS jQuery

Contoh

Atur lebar elemen <p>:

$(".btn1").click(function(){
  $("p").width(200);
});

Coba sendiri

Definisi dan penggunaan

Metode width() mengembalikan atau menyetel lebar elemen yang cocok.

Kembalikan lebar

Kembalikan lebar elemen pertama yang cocok.

Jika tidak diset parameter bagi metode ini, maka kembalikan lebar elemen yang cocok dalam satuan piksel.

Sintaks

$(selector).width()

Coba sendiri

Atur lebar

Atur lebar semua elemen yang cocok.

Sintaks

$(selector).width(length)
Parameter Deskripsi
length

Pilihan. Tentukan lebar elemen.

Jika tidak disyaratkan satuan panjang, maka gunakan satuan standar px.

Coba sendiri

Gunakan fungsi untuk atur lebar

Gunakan fungsi untuk atur lebar semua elemen yang cocok.

Sintaks

$(selector).width(function(index,oldwidth))
Parameter Deskripsi
function(index,oldwidth)

Tentukan fungsi untuk kembali ke lebar elemen yang dipilih.

  • index - Pilihan. Terima posisi index pemilihan pemilih
  • oldvalue - Pilihan. Terima nilai saat ini pemilihan pemilih.

Coba sendiri

Beberapa contoh lainnya

Dapatkan lebar elemen dokumen dan window
Dapatkan lebar elemen dokumen dan window saat ini menggunakan metode width()
Atur lebar menggunakan nilai em dan %
Atur lebar elemen menggunakan satuan panjang yang ditentukan.

Panduan Operasi CSS jQuery