如何使用 jquery.css() 更改背景位置

Question

我有以下 css 描述，其中包含 2 个不同的精灵图像，它们将在左右显示： #username { 背景位置：2px 2px, 500px 6px !important;}

现在我想使用 jQuery 来改变右精灵图像的位置，例如改为 300px 6px。

$("#username").css({background-position: 2px 2px, 300px 6px !important});

这个不工作。

我想知道怎么写。 谁能帮帮我？

任何帮助都会很棒。

提前非常感谢！

Answer 1

在 javascript 对象中不应使用破折号。相反，像这样驼峰你的属性：

$("#username").css({backgroundPosition: '2px 2px 300px 6px'});

Answer 2

您忘记将value 包装在quotes 中，它是backgroundPosition 作为对象

$("#username").css({backgroundPosition: '2px 2px 300px 6px'});
                              ^          ^                ^

或

$("#username").css({'background-position': '2px 2px 300px 6px'});

Answer 3

试试

$("#username").css('background-position', '2px 2px, 300px 6px !important');

或

$("#username").css('background-position', '2px 2px, 300px 6px');

希望这会有所帮助。