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

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

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

但是没有一个像这样使用变量

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

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

---

谢谢

如果它是单个属性，您可以用这种方式编写

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

如果需要传递对象，可以将

背景色

键定义为方括号内的变量

var bg = 'background-color';

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

---

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

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

如果需要传递对象，可以将

背景色

键定义为方括号内的变量

var bg = 'background-color';

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

---

使用

括号

符号将变量用作对象的

键

var obj={}；
var bg='背景色'；
var black='#000000'；
obj[bg]=黑色；
$（'div'）.css（obj）

div{
颜色：白色；
}

您好

使用

括号

符号将变量用作对象的

键

var obj={}；
var bg='背景色'；
var black='#000000'；
obj[bg]=黑色；
$（'div'）.css（obj）

div{
颜色：白色；
}

您好

只需使用采用样式名称和参数的版本即可

$（'div'）。每个（函数（）{
var bg='背景色'；
$（this.css（bg，#000000'）；
})

div{
边缘底部：5px；
颜色：白色；
}

一些
测试

只需使用采用样式名称和参数的版本

$（'div'）。每个（函数（）{
var bg='背景色'；
$（this.css（bg，#000000'）；
})

div{
边缘底部：5px；
颜色：白色；
}

一些
测试

How-about

var-obj={}；obj[bg]=黑色$css（obj）

？如何

var obj={}；obj[bg]=黑色$（此）.css（obj）

？OP想要传递

object

作为参数…您不能使用您提供的语法设置许多样式….@rayondare我不认为这是对OP的严格要求：“是否有方法可以这样做？”“-无论如何，我已经编辑并显示了这两种方式。这个obj方法刚刚保存了我的培根，这是一个非常好的方法。OP想将

对象

作为参数传递……你不能使用你提供的语法设置许多样式。@RayonDabre我不认为这是OP的严格要求：“有办法制作这样的东西吗？”“-无论如何，我已经编辑并展示了这两种方法。这个obj方法刚刚拯救了我的培根，这是一个非常好的方法。