jQuery是一個JavaScript庫,方便我們操作HTML文檔,也可以獲取HTML元素的屬性。本文將介紹如何使用jQuery來獲得div元素的寬度和高度。
首先,我們需要先引入jQuery庫:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
接著,我們需要在HTML頁面中添加一個div元素,用于演示獲取div寬度和高度:
<div id="myDiv">這里是一個div元素</div>
然后,我們可以使用jQuery的.width()
方法和.height()
方法來獲取div的寬度和高度:
<script> $(document).ready(function() { var divWidth = $("#myDiv").width(); var divHeight = $("#myDiv").height(); console.log("Div寬度為:" + divWidth + ",高度為:" + divHeight); }); </script>
以上代碼中,$(document).ready()
用來確保網頁中的元素已經全部加載完畢。然后,使用$("#myDiv")
選取id為"myDiv"的div元素,并使用.width()
方法和.height()
方法獲取它的寬度和高度,并將結果打印到控制臺中。
綜上所述,使用jQuery獲取div元素的寬度和高度可以通過.width()
方法和.height()
方法實現,非常的方便快捷。