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)");

评论者Lasar

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