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

2018-06-09 04:03:51

在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符号时，由于名称中的连字符，因此需要使用它们。 - zanetu S

更好的是只要使用.addClass，即使你有1个或更多。更易于维护和阅读。

如果你真的有兴趣做多个CSS的道具，然后使用

注意任何带连字符的css道具都需要引用。

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

我已经放置了引号，所以没有人需要澄清，代码将100％功能。

传递一个json对象：

$(....).css({
    'property': 'value', 
    'property': 'value'
});

http://docs.jquery.com/CSS/css#properties

$('#message').css({ width: 550, height: 300, 'font-size': '8pt' });

链接地址: http://www.djcxy.com/p/27553.html