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

Question

在调试中我输入了以下选择器:

$('.jspPane')

结果:

然后我尝试更改 div:

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

结果:

如您所见，没有任何变化。

我做错了什么？

Answer 1

您看到的 style 属性包含“padding: 0px; top: -737px;”。

在本例中，您想要更改内边距和顶部。

$('.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;");