jQuery 是一個非常方便實用的 JavaScript 庫,它能夠簡化代碼并提高開發效率。在開發過程中,我們可能需要獲取網頁中各元素的大小信息,本文將介紹如何使用 jQuery 獲得 a 標簽大小的方法。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function() { var linkWidth = $("a").outerWidth(); //獲取 a 標簽的寬度 var linkHeight = $("a").outerHeight(); //獲取 a 標簽的高度 $("p").text("鏈接大小為 " + linkWidth + " x " + linkHeight); //將大小信息輸出到段落中 }); </script>
在上面的代碼中,我們首先引入了 jQuery 庫。接著,通過 $(document).ready() 方法,確保文檔完全加載后再執行我們的代碼。我們使用 outerWidth() 和 outerHeight() 方法獲取 a 標簽的寬度和高度,并將獲取到的數值輸出到一個 p 標簽中。
需要注意的是,上述代碼中 $("a") 選擇器獲取的是文檔中所有的 a 標簽,如果你只需要獲取特定的 a 標簽的大小,可以將選擇器參數修改為對應的 CSS 類名或 ID。