JS / jQuery : 变量 .css() propertyName

Question

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

示例代码：

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

Answer 1

对于单个 CSS 指令更改，您可以简单地这样做：

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

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

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

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

见Documentation

Answer 2

您可以将 css() 的参数存储为变量，然后将 属性 添加到其中：

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

编辑：

在未来 (ES6) 您将能够使用计算属性在一行中完成此操作：

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

但现在，你必须坚持下去。