jquery如何获元素的高度 jquery 获取元素高度

文章摘要：jquery如何获元素的高度 jquery 获取元素高度

在jquery中获元素高度的方法：1.新建html项目，引入jquery；2.创建测试标签，并设置宽高；3.使 […]

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