JS / jQuery：变量.css（）propertyName

Question

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

示例代码：

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

Answer 1

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

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

编辑：

将来（ES6）您可以使用计算机在一行中完成此操作：

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

但是现在，你必须坚持不懈。

Answer 2

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

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

如果你仍然需要传递Object来操作多个指令，你可以试试这个：

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

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

请参阅Documentation