为什么jQuery.css方法没有改变任何东西？

Question

在调试中我键入了以下选择器：

$('.jspPane')

结果：

然后我试着改变div：

$('.jspPane').css({"padding":"1px; top: 1px;"});

结果：

你可以看到没有任何改变。

我做错了什么？

Answer 1

您看到的是包含"padding: 0px; top: -737px;"的样式属性。

在这种情况下，您想要更改 padding 和 top 。

$('.jspPane').css({ padding: 1, top: 1 }); // or { padding: "1px", top: "1px" }

在.css()方法中，您需要编写要更改的 CSS属性，而不是样式中的直接字符串。

---

该方法允许更多方法传递属性名称。

其中一种方法不接受同一方法中的链接属性。相反，你需要链接方法

$(selector).css('propertyName', 'string or integer to write in property')
           .css('propertyName', 'string or integer to write in property'); 

另一方面，通过传递一个对象，您将能够链接属性

$(selector).css({
  propertyName: 'string or integer to write in property',
  propertyName2: 'string or integer to write in property'
});

---

或者你可以编辑样式属性

$('.jspPane').attr('style', "padding: 1px; top: 1px;");

Answer 2

你做错了。正确的语法是（从顶部应用填充）

$('.jspPane').css("padding","1px 0 0 0");

Example to change css