如何从div中删除css样式？

Question

我正在使用jQuery Autosize为textarea元素启用自动高度。

当我专注于textarea时，它很有效。
如果我模糊纹理我想删除的height纹理来调整高度为默认值。

我想知道我应该怎么做on blur动作才能使textarea保持默认值。

这是我试图在javascript控制台上测试我的脚本。

当我加载页面时，textarea处于模糊状态：

$('#announcement').css('height'); // "36px"

如果我关注textarea：

$('#announcement').css('height'); // "90px"

$('#announcement').removeAttr('height');
$('#announcement').css('height'); // "90px" 
// why do I continue to get this value even if I removed the Attribute height?

我知道我可以简单地解决我的问题，简单地做模糊动作$('#announcement').css('height', '36px');
但我想避免在javascript代码中设置css属性。
有任何想法吗？

Answer 1

您可以使用以下命令清除直接在元素上设置的style.height ：

$('#announcement').css('height', '');

请参阅此处的工作示例： http ： //jsfiddle.net/jfriend00/LXspR/

在您的示例中， removeAttr()适用于属性，而不适用于style.height等样式属性。 .css("height")适用于style.height 。