Stosując więcej właściwości CSS w obrębie jednej linii

Question

Czy istnieje jakikolwiek sposób, aby zastosować więcej niż CSS do sterowania za pomocą jednego wiersza code.In poniższym przykładzie mogę ubiegać się tylko jedną właściwość

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

Załóżmy, że jeśli ja chciałaby stosować czcionki lub tła .. jak to jest możliwe

-Dzięki

Answer 1

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

notatka różnych stylów definiowania CSS rules: camelCase dla javascript, "css-style" dla cytowanych ciągów.

Jest to również znacznie bardziej wydajne niż wiele łańcuchów kolejnych wywołań .css(), ponieważ nie wymaga wielu przejść przez obiekt jQuery.

Answer 2

wystarczy je łańcuch:

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

Większość metod w obiekcie jQuery zwraca sam obiekt jQuery, więc wystarczy zastosować inną metodę do zwracanej wartości.

Edit:
Jeśli to sprawność szukasz swojego oczywiście najlepiej zaktualizować styl elementu bezpośrednio:

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

Answer 3

łańcuchowych.

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

Większość funkcji Jquery zwraca obiekt Jquery, dzięki czemu można robić więcej rzeczy.

Alternatywnie, w przypadku CSS, można przekazać je w jednej właściwości obiektu:

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

Więcej informacji można znaleźć tutaj http://docs.jquery.com/CSS

Answer 4

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

Czy to wystarczy?

Answer 5

Selektor css Jquery'ego może mieć wartość dictionary of options. Możesz to zrobić:

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

Pamiętaj, że jeśli nie zamierzasz podawać oferty nieruchomości, musisz ją rozpakować. Jeśli ją zacytujesz, używanie wersji dzielonej jest w porządku.