Question

用js或者jq给这个按钮绑定一个事件，点击来回却换图上的这2种布局，要怎么实现呢？

还要给这个按钮换图标，点一下换一个图标，点一下再换回原来的图标

Answer 1

你看一下，下面的代码，不明白再问我
其中div指你点击的按钮，div1表示大图列表，div2表示小图列表
$("div").click(function(){
    if($("div1").css("display")="none"){
        $("div1").show();
        $("div2").hide();
    }else{
        $("div2").show();
        $("div1").hide();
    }
});

追问

还有这个图标 我想点一下 添加一个class来改变图标 再点一下删除刚才添加的class 这样要怎么实现呢？

追答

你看一下
$("div").click(function(){
    if($("div1").css("display")="none"){
        $("div1").addClass("selected");
    }else{
        $("div1").removeClass("selected");
    }
});

Answer 2

看不到你的html结构，我们无法实现，实现了也是白忙一场，因为你会再问为什么没有效果

追问

我只想要个思路，我是想点击这个按钮的时候，给它添加一个class ，就把它的图标换成另外一个，同时把当前的布局影藏，把另外一个布局显示出来，但是只能切换过去，就不知道怎么切换回来了

追答

用toggleClass即可
$(".btn").toggleClass("img");

.btn{
background:url(a.jpg);

}
.img{
background:url(b.jpg);

}