2009-10-27 37 views
5

是否有通过code.In的例子下面一行我能我申请只有一个属性一个行内的应用更多的CSS属性

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

假设,如果我申请比CSS来控制多个任何可能的方式想申请的字体或背景..它是如何可能

-Thanks

回答

16
.css({ 
    color: "#16428b", 
    backgroundColor: "#f0f", 
    "font-size" : "3em" 
}) 

注意不同风格定义的CSS规则:用于JavaScript的camelCase,用于引用字符串的“css-style”。

这比连续调用.css()的多个链更有效率,因为它不需要多次通过您的jQuery对象。

4

你只是把它们连:

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

jQuery对象中的大多数方法都会返回jQuery对象本身,因此您只需将另一个方法应用于返回值。

编辑:
如果它是你正在寻找它的效率是当然最好直接更新的元素风格:

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

链它。

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

大多数jquery函数都返回jquery对象,所以你可以做更多的东西。

另外,在CSS的情况下,你可以把它们放入一个属性对象:

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

更多信息可以在这里找到http://docs.jquery.com/CSS

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

请问这是否有用?

0

jquery的CSS选择器可以采取dictionary of options。所以你可以这样做:

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

请注意,如果你不打算引用属性,你需要camelCase它。如果你引用它,使用复合版本是好的。