Jquery 在一行中应用更多CSS属性

是否有任何可能的方法通过一行代码将多个CSS应用于控件。在下面的示例中，我只能应用一个属性

$('#<%=lblMessage.ClientID%>').css("color", "#16428b");

$（'#'）.css（“颜色”，“#16428b”）；

假设我想应用字体或背景。。怎么可能

-谢谢

您只需将它们链接起来：

$('#<%=lblMessage.ClientID%>')
   .css("color", "#16428b")
   .css("font-family", "Helvetica, Arial, sans-serif")
   .css("background", "#ccc");

$（“#”）
.css（“颜色”，“#16428b”）
.css（“字体系列”、“Helvetica、Arial、无衬线”）
.css（“背景”、“ccc”）；

jQuery对象中的大多数方法返回jQuery对象本身，因此您只需对返回值应用另一个方法

编辑：
如果您希望提高效率，那么最好直接更新元素样式：

var e = document.getElementById('<%=lblMessage.ClientID%>');
e.style.color = '#16428b';
e.style.fontFamily = 'Helvetica, Arial, sans-serif';
e.style.backgroundColor = '#ccc';

var e=document.getElementById（“”）；
e、 style.color='#16428b'；
e、 style.fontFamily='Helvetica，Arial，无衬线'；
e、 style.backgroundColor='#ccc'；

将其链接起来

$('#<%=lblMessage.ClientID%>').css("color", "#16428b").css("background","black");

$（'#'）.css（“颜色”，“黑色”）.css（“背景”，“黑色”）；

大多数Jquery函数都返回Jquery对象，因此您可以执行更多操作

或者，对于css，您可以在一个properties对象中传递它们：

$('#<%=lblMessage.ClientID%>').css({color: "#16428b", background: "black"});

css（{color:#16428b，background:#black}）； 更多信息可以在这里找到

请注意定义CSS规则的不同样式：对于javascript为camelCase，对于带引号的字符串为“CSS样式”

这也比多个连续的

.css（）

调用链更有效，因为它不需要多次通过jQuery对象；

$('#<%=lblMessage.ClientID%>').css("color", "#16428b").css("background", "1px solid red");

---

这会起作用吗？

Jquery的css选择器可能需要一段时间。所以你可以这样做：

$('#<%=lblMessage.ClientID%>').css({ 
   "color": "#16428b", 
   fontWeight: "bold", 
   "float": "left", 
   "font-size": 2em 
});

$（'#'）.css（{
“颜色”：“16428b”，
fontWeight：“粗体”，
“浮动”：“左”，
“字号”：2em
});

请注意，如果您不打算引用该属性，则需要对其进行装箱。如果你引用了它，使用连字符版本就可以了

$('#<%=lblMessage.ClientID%>').css({ 
   "color": "#16428b", 
   fontWeight: "bold", 
   "float": "left", 
   "font-size": 2em 
});