Operasi CSS jQuery - Metode width()

Panduan Operasi CSS jQuery

Contoh

Tetapkan lebar elemen <p>:

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

Coba sendiri

Definisi dan penggunaan

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

Kembalikan lebar

Kembalikan lebar elemen pertama yang cocok.

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

Sintaks

$(selector).width()

Coba sendiri

Tetapkan lebar

Tetapkan lebar semua elemen yang cocok.

Sintaks

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

Pilihan. Tentukan lebar elemen.

Jika satuan panjang tidak ditentukan, maka unit panjang baku px digunakan.

Coba sendiri

Gunakan fungsi untuk menetapkan lebar

Gunakan fungsi untuk menetapkan lebar semua elemen yang cocok.

Sintaks

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

Tentukan fungsi untuk kembali ke lebar elemen yang dipilih.

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

Coba sendiri

Contoh lebih banyak

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

Panduan Operasi CSS jQuery