在jQuery中如何在函数中对css进行多项更改?

时间:2012-02-25 19:00:59

标签: jquery html css

是否有一种简单的方法可以在jQuery中对css进行多次更改而无需额外的代码行?即我有一个功能:

$(function() {
       $('h1[id=300]').click(function(){
       $('#box').css('background','orange');    
       $('#box').animate({
       "left" : "300px"
    }); 
  });           
}); 

假设我想更改div框大小。如何在已经应用于上面背景颜色的更改中添加它?

由于

2 个答案:

答案 0 :(得分:3)

使用一个对象,将样式定义为css()的参数,例如:

 $('#box').css({'background':'orange',
                'width':'200px',
                 height:'100px'}); 

答案 1 :(得分:0)

您可以这样做:

        $("#box").css({
            background:'orange',
            left:'300'
        });

(背景和左边是你的风格)