jQuery - css() 在 Firefox 中无法正常工作

Question

我正在使用 .css() 从元素获取样式。但在 Firefox 中， .css() 无法从元素获取 margin 和 padding 的值。

请看 fiddle : http://jsfiddle.net/howtoplease/fMTsW/

这是我的 jquery 代码:

$(document).ready(function(){
    $('input').each(function(){
        this.value = $('h3').css(this.name);
    });
});

我的 html 代码

<h3 style="margin:20px;padding:20px;font-size:30px;font-family:'open sans';">
    I am heading 3
</h3>

<input name="margin" />
<input name="padding" />
<input name="font-size" />
<input name="font-family" />

Answer 1

CSS 标签“margin & padding”实际上是四个单独的边距/填充值(上/左/下/右)的简写。使用 css('marginTop') 等 - 请注意，如果您以这种方式指定它们，它们的末尾将有“px”。

在结果周围使用 parseInt() 将其转换为数字值。

<input name="margin-top" />
<input name="padding-top" />

或者

<input name="marginTop" />
<input name="paddingTop" />

这将为您带来值(value)。使用这种技术，您可以获得边距和填充的值。