Mengambil Nilai Ukuran Elemen Pada jQuery

Hai semuanya sekarang kita akan melihat bagaimana cara kita mengambil nilai dari ukuran suatu elemen HTML dengan teknik jQuery. Bukan hanya mengambil nilainya kita juga bisa mensetting atau memasukkan nilainya. disini saya sudah punya elemen dengan id kotak yang sudah saya berikan spesifik dari tinggi dan lebarnya pada CSS

berikut ini css yang saya sudah atur

dan ada juga elemen <p> yang kosong yang nantinya kita isi untuk menampilkan nilai nilai ukuran dari kotak tersebut dan ada sebuah button seperti berikut

kemudian kita buat sebuah event klik yang akan melakukan sesuatu dengan menekan tombol btn sebagai berikut

maka pertama yang saya lakukan adalah memilih paragraf lalu append untuk menampilkan isinya.

Agar lebih rapi kita buat variabel masing masing untuk tingginya sendiri kita panggil #kotak lalu ambil nilai tingginya dengan metode height()

maka tinggi disini saya cetak dan hasilnya kita dapat nilai tinggi dari elemen kotak tersebut. Lakukan hal yang sama untuk mengambil nilai lebar

ambil nilai padding dengan metode sebagai berikut

lalu Bordernya dengan metode berikut

sedangkan margin sama seperti border metodenya tapi kita kasih parameter true sebagai berikut

Terima kasih dan semoga bermanfaat.

17 Mei 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat