我们可以在JQuery中用单行编写多个css样式

Question

我们可以在JQuery中用单行编写多个css样式

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

我们是否可以将此写入单行，如下所示

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

Answer 1

您可以使用键作为属性传递对象，并将值作为您期望的值传递。

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

Answer 2

是的，你可以。 jQuery .css（）方法也接受一个映射。查看他们的documentation了解更多示例。

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

Answer 3

您还可以将css个电话链接在一起：

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