如何使用jQuery获取元素的所有计算样式？

Question

我想复制元素的所有计算的css并将其应用于另一个元素。通过计算样式，我的意思是例如，如果元素的宽度是100％，但是它的父级宽度是200px，则元素计算的宽度将是200px。如何访问元素的所有这些样式？

Answer 1

在使用Majid的答案进一步研究之后，我发现Jquery的“.css”方法也返回计算样式，并且更好，因为它解释了浏览器差异 http://api.jquery.com/css/

Answer 2

使用计算机风格。这是一个简单的教程： Get Computed Style

至于jquery，它可以帮助您获得对source和target元素的引用并轻松应用css规则。假设您只对两个属性（宽度和高度）感兴趣，那么您可以使用以下代码：

var oSource = $('#source');
var sWidth  = document.defaultView.getComputedStyle(oSource, null).width;
var sHeight = document.defaultView.getComputedStyle(oSource, null).height;
$('#target').css('width', sWidth).css('height', sHeight);