在调试中,我键入了以下选择器:
$('.jspPane')
结果:
然后我尝试更改div:
$('.jspPane').css({"padding":"1px; top: 1px;"});
结果:
如您所见,没有任何变化。
我做错什么了?
您看到的是包含的style属性"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;");
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句