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

小编典典

all

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 表示法，由于名称中的连字符，它们是 必需的。

阅读 182

2022-03-09

共1个答案

小编典典

最好只使用.addClass()，.removeClass()即使您有
1 种或多种样式要更改。它更具可维护性和可读性。

如果你真的有做多个 CSS 属性的冲动，那么使用以下方法：

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

注意！
任何带有 连字符 的 CSS 属性都需要被引用。
我已经加了引号，所以没有人需要澄清这一点，并且代码将 100% 正常运行。

2022-03-09