通过单击图像，jQuery，HTML，CSS尝试更改背景图像

Question

我有photoshop的图像，这些图像是天气图标，例如太阳，云，雨云等。在站点上，我希望能够单击它们，并更改站点的背景图像，即“身体”背景。但这是行不通的，无法单击图像，什么也没发生。这就是我到目前为止的内容，其中#skyclear是图像ID，而clearsky是css样式=>

$('body').addClass(bodyClass);

$('#skyclear').on('click', () => {
    bodyClass = 'clearsky'
})

Answer 1

$('body').addClass(bodyClass);

这应该在onClick函数中。您还应该考虑在onClick内删除所有不必要的类。

Answer 2

我会这样做：

$('#skyclear').on('click', function(){
    $('body').addClass('clearsky');
});