在jQuery中，.css需要多少个大括号？

Question

jQuery方法 .css 需要div.css({"color":"red"});还是div.css("color":red");？

如果两者都有特定用途，请告诉我。感谢。

Answer 1

您只需要以下格式：

div.css('color','red'); 

如果只有一个设置。

但是，要在一条指令中执行多项设置，您必须使用一个对象：

div.css({'color':'red','background':'yellow'});

或者，如果您更喜欢这种格式：

div.css({
    'color':'red',
    'background':'yellow'
});

注意：

在第一个示例中，comma将css选择器与其设置分开。在一个对象中，comma分隔每对，colon将选择器与其设置分开。

Answer 2

当您使用JavaScript时，它是参数（x2）或对象：

div.css("color", "red");
// Here color is one parameter,
// and red is the second parameter.

虽然这是一个Object符号：

div.css({
  "color": "red"
});

如果您只设置一个参数，即color，则第一个选项会更好。如果您有多个，则可以使用对象表示法：

div.css({
    'color':       'red',
    'background':  'yellow'
});

Answer 3

这用于设置单个css属性：

$("p").css("background-color", "yellow");

这用于设置多个CSS属性：

$("p").css({"background-color": "yellow", "font-size": "200%"});