jquery如何获元素的高度

jquery如何获元素的高度

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

具体步骤以下：

1.首先，在新建一个html项目，在项目中引入jquery；

<script type="text/javascript" src="/static/jquery⑵.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());