如何正确地影响jquery中的多个css属性

Question

以下是我当前如何影响jquery中同一div的两个css属性的示例：

$('#mydiv').css("width",myvar+"px");
$('#mydiv').css("margin-left",myvar+"px");

我不相信这是最有效的方法，因为它需要一行div的两行代码，有人可以告诉我一个更简洁（更整洁）的方法来编写同样的东西吗？

Answer 1

.css( properties )

  

properties类型：PlainObject要设置的属性 - 值对的对象。

$('#mydiv').css({
    "width": myvar + "px",
    "margin-left": myvar + "px"
});

---

或者您可以在元素中添加类。

Answer 2

您可以改为传递对象：

$('#mydiv').css(
  { 
    'width': myvar + 'px',
    'margin-left': myvar + 'px'
  }
);

Answer 3

您可以使用this syntax (css properties)。我个人更喜欢使用javascript属性语法

$('#mydiv').css({
    width: myvar,
    marginLeft:  myvar
});

修改：根据对Tushar Gupta的回答，我已删除+ 'px'。显然你至少不需要使用最新的jQuery构建。 http://jsfiddle.net/75cMM/