javascript - 使用 onclick 更改背景身体图像

Question

我是 javascript 和 jQuery 的新手，我想使用其中之一通过 onclick 更改我的背景正文图像。我真正想要的是创建一个带有图像的链接，这样当人们点击它时，背景图片就会改变。你能帮我或给我一个简单的例子。

Answer 1

HTML：

<button>Change background</button>

jQuery：

$('button').click(function(){
   $('body').css('background-image','image.jpg');
});

Answer 2

HTML

<a href="#" class="set-background"><img src="/path/to/image.jpg">Select Image</a>

Javascript

$(document).on('click', 'a.set-background', function(){
    $('body').css({
        'background' : 'url(' + $(this).find('img').attr('src') + ')'
    });

    return false;
});