jQuery-CSS属性名称

jQuery-CSS属性名称,jquery,html,css,Jquery,Html,Css,使用jqueryv1.6.4 我正在尝试动态格式化一些对象 这是我的密码: <html> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ style = {'color':'#F30', 'f

使用jqueryv1.6.4

我正在尝试动态格式化一些对象

这是我的密码:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

    style = {'color':'#F30', 'font-size':'20px'};

    /* example:1 - not working */
    for(attr in style) $('.text').css({attr:style[attr]});

    /* example:2 -works */
    //$('.text').css({'color':style['color']}).css({'font-size':style['font-size']});

})
</script>
</head>
<body>
    <div class="text">This is the text.</div>
</body>
</html>

$(函数(){
样式={'color':'F30','font size':'20px'};
/*示例:1-不工作*/
for(attr in style)$('.text').css({attr:style[attr]});
/*示例:2-工作*/
//$('.text').css({'color':style['color']}).css({'font-size':style['font-size']});
})
这是文本。
为什么示例1不起作用?还有其他方法吗

Chrome控制台没有显示任何错误。 对象“样式”将是JSON格式,因此我尝试优化代码,而不是手动编写每种样式,如第二个示例中所示

谢谢你的帮助

$('.text').css(style);
它不起作用的原因是您创建了一个javascript文本对象。这类似于第二个示例中用于传递参数的json。它不会工作,因为它不会在您的对象上循环,从而使它看起来不正常。你已经完成了艰苦的工作,所以只要通过的风格

它不起作用的原因是您创建了一个javascript文本对象。这类似于第二个示例中用于传递参数的json。它不会工作,因为它不会在您的对象上循环,从而使它看起来不正常。你已经完成了艰苦的工作,所以只要通过的风格