jquery - 如何使用 jQuery 替换 CSS 背景中的图像？

Question

我正在尝试使用 jQuery 替换 div 的 CSS 背景图像 url。

.file-wrapper {
        background: url("SiteRef_getPicture?PictureName=Site/icnUpload.png") no-repeat 7px center;
        width: 86px;
        height: 24px;
        cursor: pointer;
        overflow: hidden;
    }

我尝试执行以下操作但没有成功：

$fileWrapperDiv.css("background", "url('SiteRef_getPicture?PictureName=Site/loader.png')", "no-repeat", "7px", "center");

我做错了什么？

Answer 1

.css()文档

$('div.file-wrapper').css("background-image", "url(/myimage.jpg)");

拉萨尔评论

您的原始 CSS 使用background:, 转换为background-image, background-position,background-repeat等。因此，当您覆盖 just 时background-image，其他设置将保持不变。

Answer 2

调用中的值.css()必须是单个字符串，就像 CSS 中的值一样：

$fileWrapperDiv.css("background", "url('SiteRef_getPicture?PictureName=Site/loader.png') no-repeat 7px center");