Javascript JQuery-在单击时替换另一个背景图像

我想在单击时用另一个背景图像替换背景图像。最终，我希望能够通过单击图像来打开和关闭图像

HTML

JQuery

  $(document).ready(function () {
$(".arrow-up").click(function () {
    $(this).css("background-image", "http://i.imgur.com/rySpqwS.jpg");
});
});

我能像这样切换图像吗？因为这个解决方案似乎不起作用

Jquery

$(document).ready(function () {
$(".arrow-up").click(function () {
 if  ($(this).css("background-image") ==      "//b.thumbs.redditmedia.com/b3vXuNpkEkQVRIBnRfoVOgBmT-5X4BEnyMoP85J2QIg.png")
 {
 $(this).css("background-image", "url(http://imgur.com/dpvAtIb.jpg)")
 }
 else {
  $(this).css("background-image", "url(//b.thumbs.redditmedia.com/b3vXuNpkEkQVRIBnRfoVOgBmT-5X4BEnyMoP85J2QIg.png)")
 }
 });

 });

---

背景图像的正确CSS值为

url（图像）

请注意，javascript将无法设置背景图像，因为它是用

设置的！CSS中的重要信息

，以及

！重要信息

覆盖内联样式，因此在删除

之前不会看到任何更改！重要信息

来自您的风格。

---

使用

！重要信息

通常意味着你在某件事情上失败得很惨，你不应该在所有风格上都使用它。

谢谢！还有，你知道一旦图像出现，如何设计它吗？例如背景尺寸？当然，这是一样的，即

$（this）.css（“背景尺寸”，“封面”）$（this）.css（“background image”）

可能还会返回类似于

url（image）

的内容，请尝试将其记录到控制台，然后查看得到的结果。

  $(document).ready(function () {
$(".arrow-up").click(function () {
    $(this).css("background-image", "http://i.imgur.com/rySpqwS.jpg");
});
});

$(document).ready(function () {
$(".arrow-up").click(function () {
 if  ($(this).css("background-image") ==      "//b.thumbs.redditmedia.com/b3vXuNpkEkQVRIBnRfoVOgBmT-5X4BEnyMoP85J2QIg.png")
 {
 $(this).css("background-image", "url(http://imgur.com/dpvAtIb.jpg)")
 }
 else {
  $(this).css("background-image", "url(//b.thumbs.redditmedia.com/b3vXuNpkEkQVRIBnRfoVOgBmT-5X4BEnyMoP85J2QIg.png)")
 }
 });

 });

$(document).ready(function () {
    $(".arrow-up").click(function () {
        $(this).css("background-image", "url(http://i.imgur.com/rySpqwS.jpg)");
    });
});