jquery 排他思想案例

当我点击某个按钮,这个按钮就会变色
排他思想

  <button>点击</button>
    <button>点击</button>
    <button>点击</button>
    <button>点击</button>
    <button>点击</button>
    <button>点击</button>
    <script>
        $(function() {
            //因为jQuery里面有隐式迭代,所以不需要循环遍历来给每一个按钮绑定事件
            //这样就可以给所有的按钮添加了事件
            $('button').click(function() {
                $(this).css('backgroundColor', 'red').siblings().css('backgroundColor', '')
            })
        })
    </script>

这里的代码我用链式代码写的,
如果不用就如下看

         $(this).css('backgroundColor', 'red');
         $(this).siblings().css('backgroundColor', '');

这样就完成了这个案例,我就用了两行代码,
学了jquery,我才知道,这么方便,仿佛打开了新天地.太爽了.