jquery中css（）方法连续并列几个属性

html-css026

jquery中css（）方法连续并列几个属性,第1张

jquery中css（）方法可以并列多个属性。如下参考

/*css(properties)

把一个“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

*/

例如：

$("p").css({ color: "#ff0011", background: "blue" })

$("p").css({ "margin-left": "10px", "background-color": "blue" })

下面这些都是正确的：

$(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"})

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