Can we write multiple CSS styles in one line in jQuery

Question

Is it possible to write multiple CSS styles on the same line in jQuery

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

Is it possible to write this in one line, as shown below

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

Answer 1

You can pass an object with a key as a property and value, as you can expect.

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

Answer 2

Yes, you can. The jQuery.css () method also accepts a map. See the documentation for more details.

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

Answer 3

You can also combine css calls:

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