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



我们的服务
专业提供中小企业网站建设.公司网站建设.外贸网站建设.营销型网站建设,响应式网站建设,商城网站定制,手机网站,微信小程序定制.php应用开发服务,公司成立于2014年,8年专注网站建设,秉承“以客户为根本,以科技为核心,以市场为导向”的经营理念;服务电话13714666846(微信同号)

声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。

本文链接:http://news.ew35.com/