添加多个属性值仅适用于第一个

Question

添加多个属性值只适用于第一个，想知道为什么会出现以下代码：

jQuery("#gform_submit_button_1").attr({
  style: "color: #fefefe !important",
  style: "background-color: #000000 !important"

});

如果我改变他们的位置，它仍然适用哪一个是第一个。

Answer 1

将它们放入一个属性中：

jQuery("#gform_submit_button_1").attr({
  style: "color: #fefefe !important; background-color: #000000 !important"
});

Answer 2

声明2个不同的style标记会导致秒秒覆盖第一个标记。如果您想要更改多个样式属性，请将它们传递到相同的style标记中，或者您可以使用JQuery .css而不是style：

jQuery("#gform_submit_button_1").css({
  "color":, "#fefefe !important",
  "background-color": "#000000 !important"
});

Answer 3

这是对象的工作原理。一个键不允许使用两个值：

console.log({
  style: "color: #fefefe !important",
  style: "background-color: #000000 !important"
});

所以你可以将它们加在一起，这可以自动化：

var styles=["color: #fefefe !important","background-color: #000000 !important"];

jQuery("#gform_submit_button_1").attr({
 style:styles.join(";")    
});