más propiedades CSS dentro de una línea de

Question

¿Hay alguna forma posible aplicar más de CSS para un control a través de una sola línea de code.In debajo ejemplo pudiera me aplique sólo una propiedad

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

Supongamos que si i desearía aplicar fuente o el fondo .. cómo es posible

-Gracias

Answer 1

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

nota los diferentes estilos de la definición de la CSS rules: camelCase para javascript, "css-style" para cadenas entre comillas.

Esto también es mucho más eficiente que múltiples cadenas de llamadas sucesivas .css(), ya que no requiere múltiples pasadas a través de su objeto jQuery.

Answer 2

Usted acaba de cadena:

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

La mayoría de los métodos en el objeto jQuery devuelve el objeto jQuery en sí mismo, por lo que simplemente aplica otro método al valor devuelto.

Editar:
Si se trata de la eficiencia que busca es, por supuesto, la mejor manera de actualizar el estilo elemento directamente:

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

Answer 3

Cadena ella.

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

La mayoría de las funciones de Jquery devuelven el objeto Jquery para que pueda hacer más cosas.

Alternativamente, en el caso de CSS, puede pasar en uno de propiedades del objeto:

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

Más información se puede encontrar aquí http://docs.jquery.com/CSS

Answer 4

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

¿Esto hará el truco?

Answer 5

selector de css de Jquery puede tomar un dictionary of options. Entonces usted puede hacer esto:

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

Tenga en cuenta que si no va a citar la propiedad, necesita hacerla venir. Si lo cita, usar la versión con guiones está bien.