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

时间:2014-11-06 10:07:52

标签: jquery

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

$('.jspPane')

结果:

enter image description here

然后我试着改变div:

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

结果:

enter image description here

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

我做错了什么?

2 个答案:

答案 0 :(得分:4)

您看到的是包含"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;");

答案 1 :(得分:1)

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

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

Example to change css