web前端，关于电影院选座，购票问题

电影院的购票选座，怎样实现点击座位就变色的问题。那个座位是一个图片吗？还是什么？

就是换一下背景颜色而已，一般都是加一个class，再次点击移除这个class ，也就是toggleClass，HTML里面没有内容，你看一下这个例子

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("button").toggleClass()
                for (var j=0;j<5;j++) {
                    for (var i=0;i<6;i++) {
                        $("body").append("<button>button"+i+"</button>");
                    }
                    $("body").append("<br>");
                }

                $("button").click(function(){
                    $(this).toggleClass("button")
                })
            })
        </script>
        style的代码
        <style type="text/css">
    button{
        width: 100px;
        height: 40px;
        border: 1px solid gainsboro;
        background-color: gainsboro;
        border-radius: 5px;
        box-shadow: 1px 3px 5px 5px grey;
        margin: 5px;
    }
    .button{
        box-shadow: 0px 0px 3px 2px;
        background-color: #808080;
        color: whitesmoke;
    }
    </style>

我也来占个位，对，就像楼上说的，就是定义一个class,然后当点击时调用这个类，再点击恢复原样就行了

点击座位background变色，再点击一次再变回来。也可以用背景图片，然后点击进行替换，是一样的实现方式。
$("#clickthis").click(function(){
var e = $(this).css("background").toString();
"rgb(0, 0, 0)" == e ? ($(this).attr("background","#ffffff")):($(this).attr("background","#000000"));
});

其实就是修改按钮的背景颜色，在第一次点击的时候给他一个样式，当第二次点击的时候判断它的样式，去除就可以了。