温馨提示×

jquery如何获元素的高度

养鱼的猫咪
194
2021-05-17 08:32:42
栏目: 编程语言

在jquery中获元素高度的方法:1.新建html项目,引入jquery;2.创建测试标签,并设置宽高;3.使用height()方法获取元素高度;


jquery如何获元素的高度


具体步骤如下:

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());



0