利用jquery获取元素“真实”的高度

最近在项目遇到一个坑,需要获取一个元素的实际的高度。

假设有一个元素 ele ,用jq 获取它的高度的方法,我相信大家都知道,$(ele).height();

但是这个方法获取到的元素的高度实际上不是元素的真实的高度,而是已经经过重新计算的值。

比如 ele 的实际高度是 10.13px; 用jq获取ele的高度后,得到值变成了10px。

要想获得ele的实际高度,我们可以用$(ele)[0].getBoundingClientRect().height

这样就能获取ele的实际高度了,同理也可以用来获取元素的实际宽度~ 

你可能感兴趣的:(利用jquery获取元素“真实”的高度)