jQuery中的class操作

            var box = $('div');
            $('button').eq(0).click(function() {
                //给某一个元素添加类
                box.addClass('bgr');
            });

            $('button').eq(1).click(function() {
                //给某一个元素移除类
                box.removeClass('bgr')
            });

            $('button').eq(2).click(function() {
                //判断某个元素中是否带有某一个类
                var has1pxBorder = box.hasClass('border1');
                if (has1pxBorder) {
                    console.log('有1px的蓝色边框');
                } else {
                    console.log('没有1px的蓝色边框');
                }
            });

            $('button').eq(3).click(function() {
                //类的切换 判断有没有这个类
                //如果没有这个类，则添加，如果有，则移除
                box.toggleClass('width200');
            });