Question

我使用jQuery动态调整一些元素的大小。

在大多数情况下，它进展顺利，我致电$(selector).css('height');获取高度/宽度值或$(selector).height();。

它通常会向我提供px中的值，即使我在样式表中的%中进行了设置。

但有时，它会返回%中的值，所以我想知道，有没有办法确保px中的值？如何“预防”格式？

Answer 1

修改

我接受了这个 - 我不确定jQuery是否会返回％值，即使你在CSS中指定它 - 内联或其他方式（尽管我会保留原始答案）。

您能举例说明何时返回％值？

<强> ORIGINAL

.css()会为您提供直接应用于元素的值：

<div style="height: 75%;">

.height()得到DOM本身元素的高度 - 总是以像素为单位。

Answer 2

不要使用

$(selector).css('height');

获取像素值。它返回确定的CSS，这可能是您收到返回的百分比值的原因。使用

$(selector).height();

专门用于像素值。

Answer 3

引用jQuery API：

.height（）返回无单位像素值

如果您确实想要％，则还必须通过测量文档高度来进行计算。

Answer 4

试

var a = $(window).height();
var b = $('#div').height();

高度百分比可以计算为：

(b / a)*100

使用jQuery获取高度/宽度（％）

4 个答案: