如何用jQuery改变背景图片?

问题描述:

嗨我有问题使用jquery更改div的背景IMG:如何用jQuery改变背景图片?

起初我在超时我这样做后启动以后的脚本设置为使

#div-id { 
background: url(../images/conv1.png) no-repeat center top; 
} 

然后:

$('#div-id').css('background', 'url("../images/conv2.png")'); 

当我做到这一点,不过像刚刚消失,但是当我看着元检查员在Chrome工具它说:

$('#div-id').css('background', 'url("../images/conv3.png")'); 

我失去了我要去哪里错了。

使用background-image既是在CSS和jQuery中的属性,并应用在CSS的其他属性seperately(背景 - 位置,背景大小,背景重复等)

#div-id { 
    background-image: url(../images/conv1.png); 
    background-repeat: no-repeat; 
    background-position: center top; 
} 

$('#div-id').css('background-image', 'url(../images/conv2.png)'); 
+0

这似乎没有工作..Chrome工具显示element.style与新的图像名称,并已划掉div部分。该图像也可访问 – kPow989

+0

我添加了一个例子。顺便说一句:没有引号是必要的网址 – Johannes

+0

谢谢我认为这是一个问题与文件的位置..因为我的JS被存储在一个不同的文件夹,所以../没有去正确的文件夹.. 。谢谢 – kPow989