使用变量作为 jquery css 属性名称

Question

我见过很多线程询问如何为 jquery 的 css 方法使用变量，例如

var black='#000000';
$(this).css({'color':black});

但没有人像这样反过来使用变量

var bg='background-color';
$(this).css({bg:'#000000'});

对我来说，它不是这样工作的，所以我问，有没有办法让类似的东西工作，以便在脚本中多次使用“背景颜色”时节省一些空间？

谢谢！

Answer 1

如果它是一个单一的属性，你可以这样写

var bg = 'background-color';
$(this).css(bg, '#000000');

如果您需要传递一个对象，您可以将background-color键定义为方括号内的变量

var bg = 'background-color';

var obj = {};
obj[bg] = '#000000';
$(this).css(obj);