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

jQuery的 CSS

梅Tom猿

2020-03-18

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表示法,由于名称中的连字符,因此必须使用引号

第2043篇《如何在jQuery中定义多个CSS属性?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
神奇伽罗Itachi 2020.03.18

Script

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

Html

<div id="hello"></div>
斯丁A 2020.03.18

You Can Try This

$("p:first").css("background-color", "#B2E0FF").css("border", "3px solid red");
路易猴子Pro 2020.03.18

Try this

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android