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

在jQuery中是否有任何语法方法可以定义多个CSS属性,而不必像这样将所有内容向右排列:

$(“#消息”).css(“宽度”、“550px”).css(“高度”、“300px”).css(“字体大小”、“8pt”);

如果你有,比方说,其中的20个,你的代码将变得难以阅读,有什么解决方案吗

例如,从jQueryAPI中,jQuery理解并返回两者的正确值

.css({“背景色”:“#ffe”,“左边框”:“5px实心#ccc”})

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

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

最好只使用.addClass().removeClass(),即使您有一个或多个样式需要更改。它更易于维护和可读

如果您真的想创建多个CSS属性,请使用以下方法:

.css({
“字体大小”:“10px”,
“宽度”:“30px”,
“高度”:“10px”
});

NB
任何带有连字符的CSS属性都需要引用。
我已经放置了引号,所以没有人需要澄清这一点,代码将是100%的功能

发表评论