使用jquery获取*所有*css属性

像这样的东西怎么样:

jQuery CSS plugin that returns computed style of element to pseudo clone that element?

它很难看,但看起来对海报很有用…

这也可能引起人们的兴趣: https://developer.mozilla.org/en/DOM:window.getComputedStyle

看到这个 live example 使用jquery属性选择器

$(document).ready(function() {
    alert($("#stylediv").attr('style'));
});​

不知道这个浏览器有多跨浏览器,但它在Chrome中工作。-

https://gist.github.com/carymrobbins/223de0b98504ac9bd654

var getCss = function(el) {
    var style = window.getComputedStyle(el);
    return Object.keys(style).reduce(function(acc, k) {
        var name = style[k],
            value = style.getPropertyValue(name);
        if (value !== null) {
            acc[name] = value;
        }
        return acc;
    }, {});
};

window.getComputedStyle(元素);

// For example
var element = document.getElementById('header');
window.getComputedStyle(element);