我可以使用 jQuery 的 .css() 方法将速记 css 应用于元素吗？

Question

我正在尝试将未知样式应用于未知选择器，似乎无法使用 jQuery 的.css()方法应用速记 css 。这样对吗？有解决办法吗？

请注意，我正在动态构建对象以传递给.css()并且不想使用.css('background','#000')语法。

$('#example').css({background:'#000000 url("images/bg.gif") repeat-x scroll 0 0 transparent'});

上面的代码不起作用。但是，下面的代码可以。

$('#example').css({background:'#000'});

这也是如此。

$('#example').css({background:'url("images/bg.gif")'});

但是当一起使用时，它们自然会相互覆盖。有什么建议？

Answer 1

background: #000000 url("images/bg.gif") repeat-x scroll 0 0 transparent;

... 是无效的 CSS。您已经指定了两次背景颜色（#000000 和透明）。如果您使用有效的 CSS，它应该可以工作。

也就是说，使用类和外部样式表通常是更好的选择。