Question

使用jquery 点击一div标签 更换背景图片

使用jquery 点击一div标签 更换背景图片
<td><div id="button1"><a><img src="images/button1.png" width="55"></a></div></td>这个是要使用的div，如何让点击这个标签更换背景图
#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 图片换掉·~~

Answer 1

$("div#button1").click(function (){
    $("#home").css("background-image", "url(images/abc.jpg)");
});

Answer 2

$("#button1>a>img").click(function () {
$(this).attr("src","你要显示的图片地址") ;
})

追问

#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 点击那个div 能把图片换掉

Answer 3

$("div#button1").click(function(){
    var obj = $(this);
    obj.find("img").attr('src','.......');
});

追问

#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 点击那个div 能把图片换掉

追答

.home2 {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
$("div#button1").click(function(){
    var obj = $(this);
    obj.removeClass().addClass('home2'); //home2 里面可以修改你的图片地址
});

Answer 4

能具体点吗?要实现的效果截个图看看

追问

#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 点击那个div 能把图片换掉