使用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');