从一个元素获取css属性并应用于另一个元素

Question

的CSS：

#foo1 { color: #FFF; border: 1px solid #000; }

HTML：

<div id="foo1"></div>
<div id="foo2"></div>

JS：

我知道我可以使用css键逐个获取值，但是有没有办法一次获取所有css属性，并应用这些值。像这样：

$(function(){
    $('#foo2').css($('#foo1').css());
});

Answer 1

您可以将样式设置为类，然后使用addClass将样式应用于第二个div。

.foo-style { color: #FFF; border: 1px solid #000; }

<div id="foo1" class="foo-style"></div>
<div id="foo2"></div>

$(function(){
   $('#foo2').addClass('foo-style');
});

Answer 2

这似乎适用于jsfiddle，但我原本期望它只能在野外使用内联样式，但还没有在jsFiddle之外测试它：

$("#foo2").css('cssText', $("#foo1").css('cssText'));

FIDDLE