Try it Yourself: jQuery Dimensions

jQuery Dimensions

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<div id="box" style="width:200px; height:100px;">Box content</div>

<script>
var w = $("#box").width();
var h = $("#box").height();
console.log("Box is " + w + " by " + h);
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<div id="box" style="width:200px; height:100px;">Box content</div>

<script>
var w = $("#box").width();
var h = $("#box").height();
console.log("Box is " + w + " by " + h);
</script>

</body>
</html>