L'applicazione più proprietà CSS all'interno di una riga

Question

Esiste un modo possibile applicare più di CSS per un controllo attraverso una singola linea di code.In sotto esempio che ho potuto applicare una sola proprietà

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

Supponiamo che se i vorrebbe applicare carattere o sfondo .. come sia possibile

-Grazie

Answer 1

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

nota i diversi stili di definizione del CSS regole: camelCase per javascript, "css-style" per le stringhe tra virgolette.

Questo è anche molto più efficiente di più catene di chiamate successive .css(), dal momento che non richiede più passaggi attraverso l'oggetto jQuery.

Answer 2

è solo loro catena:

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

La maggior parte dei metodi nell'oggetto jQuery restituisce l'oggetto jQuery stesso, quindi è sufficiente applicare un altro metodo al valore restituito.

Edit:
Se si tratta di efficienza che si sta cercando è ovviamente migliore per aggiornare lo stile elemento direttamente:

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

Answer 3

catena di esso.

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

La maggior parte delle funzioni di Jquery restituisce l'oggetto Jquery in modo da poter fare più cose.

In alternativa, nel caso di CSS, è possibile passarli in una proprietà dell'oggetto:

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

Maggiori informazioni si possono trovare qui http://docs.jquery.com/CSS

Answer 4

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

Questo farà il trucco?

Answer 5

Il selettore di css di Jquery può prendere un dictionary of options. Quindi potresti fare questo:

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

Nota che se non stai citando la proprietà devi camelCase. Se lo citate, usare la versione con trattino va bene.