温馨提示×

jquery如何获元素的高度

养鱼的猫咪
197
2021-05-17 08:32:42
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:css如何固定块级元素的高度

0