使用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;
});