Question

jquery中css()方法的格式问题

①$(this).css({backgroundColor:"red"});
②$("p").css("background-color","yellow");
这两种css()方法分别在两个html中引用的，就是说第一个html用②的css()格式就错误用①就正确；第二个html用①的css()格式就错误用②就正确。这是为什么呢？
①$(this).css({backgroundColor:"red"});
②$("p").css({"background-color","yellow"});

Answer 1

下面这些都是正确的：

$(this).css({backgroundColor:"red"});

$(this).css({"background-color":"red"});

$(this).css("background-color","red");

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

$("p").css({"background-color":"yellow"});

$("p").css({backgroundColor:"yellow"});

有花括号的是以一个（注意是一个）json对象作为参数，里面至少应该包含一个键值对，键和值之间用冒号（:）隔开，其中键既可以用DOM格式（即驼峰格式，如backgroundColor），也可以用css属性字串（如"background-color"）；没有花括号的则是用两个（注意是两个）字符串作为参数，第一个字符串是键（必须用css属性格式），第二个字符串则是值，两个参数之间用逗号（,）隔开。

用json对象做参数适合于一次性设置多个css属性，比如

$("p").css({"background-color":"yellow","width":"200px","margin-left":"30px"});

而用字符串做参数则一次只能设置一个属性。