jquery捕获生成的css？

我正在开发一个小小的css/javascript玩具，其中滑块可以让用户控制屏幕上元素的css属性。我在想，在jQuery中可能有一种方法可以提取元素的当前样式——我知道我可以通过如下操作独立地访问它们

$("#foo").css("bar")

---

但如果我能一下子把所有的样式都应用到一件物品上，那就太好了。可能的（愚蠢的想法？

您可以为如下元素获取当前设置的内联样式：

$("#foo").attr("style");

---

当然，你必须自己分析

如果是内联CSS，您可以使用：

$("#element").attr("style");

并超越：

var str   = $("#element").attr("style");
var style = str.split(";");
for(i=0;i<=style.length;i++){
    alert(style[i]);
}

var str=$（“#元素”）.attr（“样式”）；
var style=str.split（“；”）；
对于（i=0；i假设加价：

<span id="test">Some content of 'test'</span>
<pre id="css"></pre>

部分“测试”内容

这当然是可能的，尽管看起来很曲折：

$('#test').css({'background-color':'red','color':'white','display':'block'});
var $elem = $('#test');
var styles = document.getElementById('test').style;
var prop;

for(var i=0;i<styles.length;i++){
    prop = $elem[0].style[styles[i]];
    console.log(styles[i] + ': ' + prop);
}

css（{'background-color'：'red'，'color'：'white'，'display'：'block'）；
变量$elem=$（'测试'）；
var styles=document.getElementById（'test'）.style；
var-prop；
对于（var i=0；iIt是绝对可能的，您尝试过任何答案吗？
$('#test').css({'background-color':'red','color':'white','display':'block'});

var elem = document.getElementById('test');
var styles = document.getElementById('test').style;
var prop;

if (styles.length){
    $('#css').append('<ul></ul>');
    for(var i=0;i<styles.length;i++){
        prop = elem.style[styles[i]];
        $('<li />').text(styles[i] + ': ' + prop + ';').appendTo('#css ul');
    }
}