jquery如何获元素的高度

在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)
未经允许不得转载:主机测评网 » jquery如何获元素的高度
分享到: 更多 (0)