jquery函数后如何获取默认css值答案

【问题标题】：How to get default css value after jquery functionjquery函数后如何获取默认css值
【发布时间】：2014-07-11 23:16:03
【问题描述】：

您好，我有一个问题例如：

$("#menu").click(function(){
    $("#left_panel, #main_footer").fadeToggle(200);
    $("#input_content").css({width:"100%"});
});

我想在这个函数css之后得到默认属性

【问题讨论】：

标签： jquery

【解决方案1】：

默认高度值为auto，因此您可以将其设置为：

$("#input_content").css({ width: 'auto' });

【讨论】：

【解决方案2】：

最简单的方法是将样式设置为无用的样式。然后浏览器不会解释它并回退到您在 CSS 中定义的规则。标准方法是将其设置为空值：

$("#input_content").css("width","");

如果您想将其完全重置为浏览器样式表定义的默认值，您可以尝试将值设置为“初始”：

$("#input_content").css("width","initial");

或者你自己设置默认值，即“auto”（See W3C）。

【讨论】：

当我再次点击$("#menu")选择器时，我想要取回默认的css值
由于 .css() 设置内联样式，您可以简单地检查元素是否设置了宽度属性。 if($("#input_content")[0].style.width == "") { Set to 100% } else { reset to default (see my answer) }
请写这个例子 jsfiddle