Javascript （jQuery）如何设置一个；onclick"；脚本的按钮？

原谅我，因为我是jQuery新手。我正在创建一个脚本，在单击时更改页面的背景图像。虽然从我能找到的所有教程中，我不知道如何将单词设置为“onclick”。为了方便起见，以下是我更改背景图像的脚本：

<script>
$(function() {
    $('pixture').click(function() {
        $(this).css('background-image', 'url(resources/pixture.png)');
    });
}):
</script>

$（函数（）{
$（'pixture'）。单击（函数（）{
$（this.css（'background-image'，'url（resources/pixture.png）'）；
});
}):

这里是我尝试添加按钮的地方（我的失败代码）：

切换背景纹理

---

如果有人能帮助我如何正确地将“onclick”函数添加到“切换背景像素”，我将不胜感激。

您可以将锚点从

<a onclick="pixture">TOGGLE BACKGROUND PIXTURE</a>

还要注意的是，

和

标记至少在十年前就已经被弃用，不应该使用

$（函数（）{
$（'#pixture'）。单击（函数（）{
$（'body'）.css（'background-image'，'url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg)');
});
});
#pixture{
保证金：0自动；
颜色：#FF0000；
}

切换背景图片
试试这个，应该可以很好地工作

$(function(){
    $('picture').on('click', function(){
        //your action here
    });
});

请注意，请不要使用
或
元素。它们不存在于当前的HTML标准中。这个问题已经存在于许多格式中（即请不要重复问题）。好吧，它可以工作，但我希望它能改变页面正文的背景图像，而不是按钮周围的区域。有什么办法吗？那么应该是
$（'body'）
而不是
$（这个）
谢谢。还有一件事，有没有办法让这个脚本打开和关闭背景？还是不可能？再次感谢大家。这正是我想要的。
<a id="pixture">TOGGLE BACKGROUND PIXTURE</a>

$('#pixture').on('click', function() {
    $('body').css('background-image', 'url(resources/pixture.png)');
});

$(function(){
    $('picture').on('click', function(){
        //your action here
    });
});