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.