Javascript 使用jquery更改图像精灵？

如果我正在使用一个图像精灵，比如说一个包含三个图标的sprite.png，我如何使用jquery打开。单击（）更改背景x和y位置，以便背景更改为另一个图标，以及如何检索x、y位置的值

换句话说，如果我有

background:url(img_navsprites.gif) -91px 0;

如何使用jquery将其转换为

background:url(img_navsprites.gif) -51px 0;

如何使用jquery（-91px，0px）获取值

谢谢

nvm我明白了：

$(document).ready(function(){
    $(".housing").click(function(){
        $(this).css({
            "background-position":"0 0",
        });
    });
});

---

尝试使用jQuery的css方法，如下所示：

$(this).css('background','url(img_navsprites.gif) -51px 0');
var valueOfCssproperty = $(this).css('background');

background-image: url(img_navsprites.gif);
background-position: 91px 0;

---

我认为最好将属性“背景”分离为“背景图像”和“背景位置”

我最好将背景样式分为两个属性：背景图像和背景位置，如下所示：

$(this).css('background','url(img_navsprites.gif) -51px 0');
var valueOfCssproperty = $(this).css('background');

background-image: url(img_navsprites.gif);
background-position: 91px 0;

要设置新位置，请使用css方法：

$("selector").css("background-position", "-51px 0");

要获取当前值，请使用不带第二个参数的css方法：

var position = $("selector").css("background-position").split(" ");