如何使用jQuery更改主体的背景图像

Question

我试图在单击按钮时更改主体的背景。首先，我使用像这样的body{background-image:url("../images/image.jpg")}并且有一个按钮od更改并使用了此jquery代码$("#change").click(function(){$("body").css({"background-image":"url('../images/otherimage.jpg')});当我单击按钮时，背景消失了，什么也没发生。是否有问题或其他选择？

谢谢

Answer 1

使用：

$('elementTag/#Id/.Class').css('background-image', 'url("../images/otherimage.jpg")');

有关CSS样式的更多信息，请访问： http : //www.w3schools.com/jquery/jquery_css.asp

有了这个，你可以动态地改变你想要的任何CSS :)

由于该功能可在单击时检测到，因此请确保将图像正确放置在文件夹中。 检查图像名称，其格式和格式。

Answer 2

没有jQuery可能会更好...

document.body.style.backgroundImage = 'url("../images/otherimage.jpg")';

Answer 3

尝试以下方法

$('body').css('background-image', 'url("../images/otherimage.jpg")');

Answer 4

您应该检查图像是否确实存在。

这是一个例子：

<body>
 <button class="btn">Chagne Background</button>
</body>

---

body{background-image:url("http://farm1.static.flickr.com/159/345009210_1f826cd5a1_m.jpg")}

---

$('.btn').on('click', function(){
  $('body').css('background-image', 'url(https://www.pickthebrain.com/blog/wp-content/uploads/2015/12/8-things-successful-people-perform-differently-from-others.jpg)')
})

http://codepen.io/anon/pen/rrxwQE

Answer 5

使用body {background：url（“ ../ images / image.jpg”）}

不是正文{background-image：url（“ ../ images / image.jpg”）}