使用jQuery CSS属性设置背景图像

我在imageUrl变量中有一个图像URL，并尝试使用jQuery将其设置为CSS样式：

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

这彷佛不起做用，由于：

console.log($('myObject').css('background-image'));

不返回none 。

任何想法，我在作什么错？

---

#1楼

除了其余答案，您还可使用“背景”。 当您要设置与背景使用图像方式有关的其余属性时，这特别有用，例如：

$("myObject").css("background", "transparent url('"+imageURL+"') no-repeat right top");

---

#2楼

对于使用实际URL而不是变量的用户：

$('myObject').css('background-image', 'url(../../example/url.html)');

---

#3楼

字符串插值可用于救援。

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

---

#4楼

尝试修改“样式”属性：

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

---

#5楼

$('myObject').css({'background-image': 'url(imgUrl)',});