使用jQuerycss属性设置背景图像

Question

使用jQuerycss属性设置背景图像

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

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

这似乎不起作用，因为：

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

回报none.

知道吗，我做错什么了？

Answer 1

您可能希望这样做(使其像普通的CSS背景图像声明一样)：$('myObject').css('background-image', 'url(' + imageUrl + ')');

Answer 2

或者，对于其他人正确的建议，我发现通常更容易切换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');