jquery可以以百分比forms返回元素的高度吗？

$('#my_div').height('50%')将设置高度但是如何以百分比的forms检索div的当前高度？

Answer 1

你可以在px中转换获取高度并将它们转换为percenatge

 1em = 12pt = 16px = 100% 

Answer 2

您可以使用.height() ， .height()返回数字（即没有单位符号）。 完美的百分比，当然不需要单位。 来自文档：

当需要在数学计算中使用元素的高度时，建议使用.height()方法。

所以你可以尝试这样的事情：

 var height_pct = Math.round( $('#my_div').height() / $('#my_div').parent().height() * 100 ); 

Answer 3

如此简单$（“＃eleid”）[0] .style.width

Answer 4

尝试隐藏元素，你会得到它的百分比值。

 
 a 
 b 
 
 c 
 
  

请注意，事件函数中的值是不同的。

补充说明：

当隐藏元素或其父元素时，.height（）报告的值不保证是准确的。 要获得准确的值，请确保在使用.height（）之前元素可见。 jQuery将尝试暂时显示然后重新隐藏元素以测量其尺寸，但这是不可靠的（即使在准确时）也会显着影响页面性能。 这个show-and-rehide测量function可能会在未来的jQuery版本中删除。

来源： jQuery height（）