JQuery .width() dan .height() untuk Menyatakan Ukuran Elemen

by Taufik Nurrohman

HTML

<div style="width:200px;height:300px;"></div>
<div style="width:30px;height:100px;"></div>
<div style="width:200px;height:500px;"></div>
<div style="width:15px;height:700px;"></div>

CSS

body {padding:30px;}

div {
  background-color:black;
  margin:10px;
  float:left;
  cursor:pointer;
}

div:hover {background-color:darkgreen;}

JavaScript

$('div').click(function() {
   var boxWidth  = $(this).width(),
       boxHeight = $(this).height(); 
   alert('Lebar kotak = ' + boxWidth + ' piksel, Tinggi kotak = ' + boxHeight + ' piksel');    
});