Javascript JS/jQuery:Variable.css（）属性名称

如何将属性名称存储为变量

示例代码：

var propertyName = 'margin-top';
$('elem').css({ propertyName : '10px' });

---

对于单个CSS指令更改，您可以简单地执行以下操作：

var propertyName = 'margin-top';
$('elem').css(propertyName, '10px');

如果仍然需要传递对象以操作多个指令，可以尝试以下操作：

var cssData = {};
var propertyName = 'margin-top';
cssData[propertyName] = '10px';

$('elem').css(cssData);

---

请参见

您可以将css（）的参数存储为变量，然后向其中添加属性：

var propertyName = 'margin-top';
var cssArg = {};
cssArg[propertyName] = '10px';
$('elem').css(cssArg);

编辑：

在未来（ES6）您可以使用计算属性在一行中完成这项工作：

$('elem').css({ [propertyName] : '10px'});

但是现在，你必须坚持走很长的路。

.css（strWhatever，value）；或者使用数组语法创建动态对象。