在jquery中獲元素高度的方法:1.新建html項目,引入jquery;2.創建測試標簽,并設置寬高;3.使用height()方法獲取元素高度;
具體步驟如下:
1.首先,在新建一個html項目,在項目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項目中創建一個div標簽,并設置寬高,用于測試;
<div style="height:100px; width:100px;"></div>
3.最后,div標簽創建好后,使用height()方法即可獲取div標簽的高度;
var div=$("div");
console.log(div.height());
相關擴展:
1)使用innerHeight()方法獲取元素內高度
var div=$("div");
console.log(div.innerHeight());
2)使用outerHeight()方法獲取元素外高度
var div=$("div");
console.log(div.outerHeight());
3)使用width()方法獲取元素寬度
var div=$("div");
console.log(div.width());
4)使用outerWidth()方法獲取元素占位寬度
var div=$("div");
console.log(div.outerWidth());