前言：
目前咱们对“jquery获取一个元素的高度”大体比较注意，小伙伴们都需要分析一些“jquery获取一个元素的高度”的相关文章。那么小编在网络上搜集了一些关于“jquery获取一个元素的高度””的相关内容，希望姐妹们能喜欢，各位老铁们快快来了解一下吧！前端web页面中，js可以很方便的获取div元素的高度和宽度，那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法。
js获取div元素高度与宽度的方法
js获取div元素的高度与宽度要用的 clientHeight 与 clientWidth方法
clientHeight：返回元素的可视高度
clientWidth：返回元素的可视宽度
示例代码：
<div id="mochu" style="height: 200px;width:150px;color:#fff;background-color: blueviolet;"> 飞鸟慕鱼博客</div><script> //获取高度 var h = document.getElementById('mochu').clientHeight; //获取宽度 var w = document.getElementById('mochu').clientWidth; console.log(h); console.log(w);</script>打印结果：
200
150
jquery获取div元素高度与宽度的方法
相对于原生的 javascript 来说，使用 jquery 来获取 div 元素的高度与宽度要简单的多。
jq获取div元素宽度的方法
$(selector).width()
jq获取div元素高度的方法
$(selector).height()
示例代码：
<div id="mochu" style="height: 100px;width:150px;"> ;/div><script> //获取高度 var h = $('#mochu').height(); //获取宽度 var w = $('#mochu').width(); console.log(h); console.log(w);</script>打印结果：
100
150
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #jquery获取一个元素的高度
