一個行內的應用更多的CSS屬性

是否有通過code.In的例子下面一行我能我申請只有一個屬性一個行內的應用更多的CSS屬性

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

假設，如果我申請比CSS來控制多個任何可能的方式想申請的字體或背景..它是如何可能

-Thanks

來源

2009-10-27 user182401

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

注意不同風格定義的CSS規則：用於JavaScript的camelCase，用於引用字符串的「css-style」。

這比連續調用.css()的多個鏈更有效率，因爲它不需要多次通過您的jQuery對象。

來源

2009-10-27 14:40:39 nickf

你只是把它們連：

$('#<%=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';

來源

2009-10-27 14:39:44 Guffa

鏈它。

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

大多數jquery函數都返回jquery對象，所以你可以做更多的東西。

另外，在CSS的情況下，你可以把它們放入一個屬性對象：

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

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

來源

2009-10-27 14:40:16 jlarson

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

請問這是否有用？

來源

2009-10-27 14:40:58

jquery的CSS選擇器可以採取dictionary of options。所以你可以這樣做：

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

請注意，如果你不打算引用屬性，你需要camelCase它。如果你引用它，使用複合版本是好的。

來源

2009-10-27 14:43:57

一個行內的應用更多的CSS屬性

回答

相關問題