jQuery | .css（）多个参数' - '错误

Question

我在jQuery中遇到.css({})函数的问题： 我不知道这个函数究竟是如何表现的，除了我理解我可以插入{，}符号作为键值对（字典），用{{1}分隔}。我已经对它进行了测试，但它确实有效。

我的问题是，当我尝试输入,形式的CSS属性时，如x-y，我的代码编辑器出错，脚本无法运行。我的编辑器给出了关于这个问题的错误：

  

预计为“background-color”，并看到“:”。

为什么会发生这种情况，我该如何解决这个问题？

如果重要的话，我在TamperMonkey工作。

提前多多感谢， 加仑

Answer 1

如果您正在进行单个CSS更改，则语法为

$.css('background-image','red');

如果您要进行多项更改

$.css({'background-image':'red','border-bottom':'1px solid red'});

Answer 2

您需要做的只是制作对象keys文字的string，而不是{text-align: 'center'}您需要{'text-align' : 'center'}，例如：

$('.class').css({'text-align' : 'center', 'margin-top': '10px'});

这是因为当您输入text-align而没有引号时，JavaScript会将其视为一个表达式，这在json定义中是不可取的。