如何在jQuery中定义多个CSS属性?

jQuery是否有任何语法方法来定义多个CSS属性,而无需像这样将所有内容都放在右边:

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");

如果您有20条这样的代码,那么您将很难阅读,有什么解决方案吗?

例如,通过jQuery API,jQuery可以理解并返回正确的值

.css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) 

.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }).

请注意,使用DOM表示法时,属性名称周围的引号是可选的,但对于CSS表示法,由于名称中的连字符,因此必须使用引号

神奇伽罗Itachi2020/03/18 15:56:10

Script

 $(IDname).css({
    "background":"#000",
    "color":"#000"
})

Html

<div id="hello"></div>
斯丁A2020/03/18 15:56:10

You Can Try This

$("p:first").css("background-color", "#B2E0FF").css("border", "3px solid red");
路易猴子Pro2020/03/18 15:56:10

Try this

$(element).css({
    "propertyName1":"propertyValue1",
    "propertyName2":"propertyValue2"
})