尝试修改"style"属性:

$('myObject').attr('style', 'background-image: url("' + imageUrl +'")');

不要忘记jQuery css函数允许对象传递，允许您同时设置多个项目。回答的代码看起来像这样:

$（this）.css（{'background-image'：'url（' + imageUrl + '）'}）

你可能想要这样(使它像一个普通的CSS背景图像声明):

$('myObject').css('background-image', 'url(' + imageUrl + ')');

我遇到的问题是，我一直在加分号;在url()值的末尾，这会阻止代码工作。

❌不工作代码:

$('#image_element').css('background-image', 'url(http://example.com/img.jpg);');
//--------------------------------------------------------------------------^

✅工作代码:

$('#image_element').css('background-image', 'url(http://example.com/img.jpg)');

注意省略的分号;在工作代码的末尾。我只是不知道正确的语法，而且真的很难注意到。希望这能帮助到其他处境相同的人。

或者其他正确的建议，我发现它更容易通常切换CSS类，而不是个别的CSS设置(特别是背景图像url)。例如:

// in CSS 
.bg1 
{
  background-image: url(/some/image/url/here.jpg);
}

.bg2 
{
  background-image: url(/another/image/url/there.jpg);
}

// in JS
// based on value of imageUrl, determine what class to remove and what class to add.
$('myOjbect').removeClass('bg1').addClass('bg2');

字符串插值来拯救。

let imageUrl = 'imageurl.png';
$('myOjbect').css('background-image', `url(${imageUrl})`);