Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, kita lanjut lagi belajarnya, kemarin pada tutorial sebelumnya saya telah bahas sedikit banyak tentang method-method yang ada pada jquery, pada tutorial kali ini kita akan belajar tentang bagaimana cara mengetahui lebar sebuah element html dengan jquery.

Juqey memiliki method-method yang sangat banyak denga masing-masing fungsinya, nah kali ini kita belajar method width() , method ini berfungsi untuk mengetahui lebar dari sebuah element html yang telah kita tentukan lebarnya dengan menggunakan css, nah kita langsung praktekan pada sebuah studi kasus ya teman-teman, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya membuat sebuah div yang nanti akan kita atur cssnya, dan juga saya membuat sebuah tombol yang nanti saya akan berikan fungsi dari jquery, jia sudah teman-teman silahkan tambahkan script css berikut ini:

Pada script css saya menentukan element div berstyle tinggi 100px, lebar 300px dan lain-lainnya,  jika sudah teman-teman save

maka hasilnya akan seperti berikut ini:

cara mengetahui tinggi sebuah element html dengan jquery1

hasilnya amasih seperti biasa, dan sekarang kita akan berikan fungsi dari jquerynya, silahakan teman-teman tambahkan script seperti berikut ini:

Seperti biasa saya mereload library dari jquery, lalu saya membuat script apa bila tombol button diklik maka akan muncul alert yang nilainya adalah lebar dari element div, dan jika teman-teman klik tombolnya maka hasilnya akan seperti berikut ini:

cara mengetahui tinggi sebuah element html dengan jquery2

Gimana taman-teman? cukup mudah bukan? jadi fungsi method width pada  jquery adalah untuk mengambil nilai lebar dari sebuah element html.

Oke teman-teman saya rasa untuk tutorial kali ini tentang cara mengetahui lebar sebuah element html dengan jquery cukup sampai disini dulu semoga tutorial singkat ini dapat bermanfaat,

sampai bertemu lagi pada tutorial selanjutnya ya

Terima kasih.