有关jquery .css函数不稳定行为的问题

Question

我有一个关于jquery .css函数的问题。我使用它来获取高度设置为auto的元素的实际高度。我使用的代码是：

$(this).css({ height: $(this).css("height"), width: $(this).css("width") });

问题是，.css函数有时返回"0px"，有时返回"auto"，有时返回实际高度(这是所需的行为)。有人能告诉我我哪里做错了吗？

Answer 1

$(this).css("height")为您提供定义的(或默认值)值，而$(this).height()为您提供实际的“测量”高度。

来自http://api.jquery.com/height/

获取匹配元素集中第一个元素的当前计算高度，或设置每个匹配元素的高度。

来自http://api.jquery.com/css/

获取匹配元素集中第一个元素的样式属性值，或者为每个匹配元素设置一个或多个CSS属性。

Answer 2

$(this).css("height")将返回CSS height属性的设置值。

要获取元素的物理高度，请调用$(this).height()。

Answer 3

我看不到代码片段的用途，但是使用jquery，使用至少是跨浏览器的代码：

$(this).css({ height: $(this).height(), width: $(this).width() });