我需要帮助使用jquery更改div背景图像

时间:2013-12-24 02:21:21

标签: jquery

我有以下代码

#divbox{
  width:90%;
  height:60px;
  border:1px solid;
  margin: 0 auto;     
}

<div id="divbox" style="background-image: url('../home/images/sydney333x60.jpg');";>

我想用jquery更改图像。

function callonbuttonclick(){
    $("#divbox").attr("src", "new image path");
}

但我无法找到我应该用于'.attr'和/或“src”的内容。

我查看了stackoverflow中的一些答案,但无法使它们工作,我用单选按钮覆盖图像,但示例不起作用。

1 个答案:

答案 0 :(得分:2)

使用“attr”是指您想要更改命名属性,例如:

  • 检查= “选中”
  • SRC = “someimage.jpg”
  • 宽度= “100%”

然而,css处理style属性中的任何内容。 可以使用attr作为样式,但是,您将修改整个属性,而不仅仅是您感兴趣的属性。

所以,

$("#divbox").attr("src", "new image path");

将用于

中的src
<img src="" />

相反,请使用:

$("#divbox").css("background-image", "url('../path/to/new/image.jpg')");