Podemos escribir estilo CSS múltiple en una sola línea en jQuery

Question

Podemos escribir estilo CSS múltiple en una sola línea en jQuery

 $('.ui-dialog').css("left","475px"); 
     $('.ui-dialog').css("top","215px"); 

¿Tiene podemos escribir esto sola línea, como a continuación

 $('.ui-dialog').css("'left','475px'","'top','215px'"); // Test 

Answer 1

Usted puede pasar un objeto con la clave como la propiedad y el valor como lo que puede esperar.

$('.ui-dialog').css({ 
    left: 475, 
    top: 215 
}); 

Answer 2

Sí, puedes. El método jQuery .css() también acepta un mapa. Compruebe su documentation para más ejemplos.

$('.ui-dialog').css({ 
    'left' : '475px', 
    'top' : '215px' 
}); 

Answer 3

También puede encadenar css llamadas entre sí:

$(".ui-dialog").css("left", "475px").css("top", "215px");