Jquery 如何在单击按钮时更改元素的背景位置

嗯。我知道这个话题已经讲了一百遍了。在过去的几个小时里我尝试了一切。事实上，在过去的几天里。我现在很生气。好吧，随便了。我会请求帮助的

简单的任务。单击按钮以更改对象的位置。 我希望能够点击一个按钮，然后将所有列表项分散在一个关于页面的列表中。。。但我觉得一旦我弄明白如何做这个简单的任务，我就可以从那里弄明白

老实说，我已经尝试了一切，我在网上看到的每一种代码变体。我不知道为什么它对我不起作用，但我想一定是因为我把语法搞乱了

<p> I want to move this text </p>
<input type = "button" value = "Click me">

<script type = "text/javascript" src = "js/jquery.js"></script>

<script type = "text/javascript">
    $(':button').click(function() { 
    $('p').css({backgroundPosition: '100px 0px'});
});
</script>

我试着把花括号去掉。我尝试了其他变化，包括：

<script type = "text/javascript">
$(':button').click(function() { 
$('p').css('backgroundPosition', '-100px 0px');
});
</script>

为了解决这个简单的问题，在这里和其他地方花了无数的时间

我想要的只是f'ing语法。我可以很容易地改变背景颜色，但位置有两个坐标要改变，我不知道为什么我尝试过的东西都不起作用

---

提前感谢您的帮助。

错误不在jQuery中，代码是正确的。问题似乎出在css属性中。考虑代码中的下列变化。

$(':button').click(function() { 
    $('p').css({'background-color': 'blue'});
});

在这里，我更改了CSS以更新背景颜色与位置。这很好，在下面的提琴中得到了演示

小提琴：

我将直接将CSS应用于p对象，并查看需要什么才能使其移动到正确的位置，然后相应地更新jQuery代码

<script type = "text/javascript">
    $(':button').click(function() { 
        $('p').css('background-position', '-100px 0px');
    });
</script>

---

您拼错了css属性。

backgroundPosition是指图像集作为元素背景的位置。更改将不会移动您的标记。要移动元素，您应该向左和向上移动，但还需要将“位置”设置为“相对”或“绝对”。

您可以将此设置为“参考”吗？这是您试图移动文本或某个背景图像吗？这就是我最后使用的。$：按钮'。单击函数{$p.offset{top:100，left:30}；}；是的，这不是我想要的背景位置。我真正想修改的是元素的left和top属性。所以问题不在于语法。。。这是财产本身。难怪！