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

Question

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

Answer 1

就是换一下背景颜色而已，一般都是加一个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>