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

【问题标题】：In jQuery, how many braces are needed for .css?在 jQuery 中，.css 需要多少个大括号？
【发布时间】：2016-11-08 10:52:20
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

这用于设置单个 css 属性：

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

这用于设置多个 CSS 属性：

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

【讨论】：

【解决方案2】：

你只需要这种格式：

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

如果只有一个设置。

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

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

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

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

注意：

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

【讨论】：

【解决方案3】：

当您使用 JavaScript 时，它可以是参数 (x2) 或对象：

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

虽然这是一个对象表示法：

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

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

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

【讨论】：