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

Question

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

Answer 1

.addClass()即使您有1个或更多，也最好只使用它。更具可维护性和可读性。

如果您确实想做多个CSS属性，请使用以下命令：

.css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

注意！
任何带 连字符的 CSS属性都必须加引号。
我已经将引号放在了前面，所以没有人需要澄清，代码将具有100％的功能。