使用jQuery调整宽度和高度时，为什么需要花括号？

Question

以下代码将对象的宽度和高度加倍可以正常工作。 我只是无法理解为什么需要花括号。

var target = $('#target');
target.css({
    width: target.width() * 2,
    height: target.height() * 2
});

Answer 1

需要花括号，因为您将对象文字作为参数传递给jQuery .css函数。 根据文档，您可以像这样使用它：

.css（属性）
性能
类型：PlainObject
要设置的属性 - 值对的对象。

因此width和height不是两个不同的参数。 它们是单个对象的两个不同属性，其中属性名称是要更改的样式，属性值是要将其更改为的值。

关于对象文字， Mozilla有如下说法：

对象文字是零个或多个属性名称对和对象的关联值的列表，用大括号（{}）括起来。

如果由于某种原因想要避免使用对象文字，可以这样做：

target.css("width", target.width()*2);
target.css("height", target.height()*2);

或这个：

target.width(target.width()*2);
target.height(target.height()*2);

Answer 2

需要使用大括号{}来设置多个CSS属性。 在这里，您尝试设置width和height 。

请点击此处查看更多相关信息，这里是官方的jquery api参考 。

Answer 3

我想你必须使用它

var target=$('#target');
target.css("width",target.width()*2);
target.css("height",target.height()*2);