javascript - 为 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);