JS jQuery 修改样式

一、修改css样式

1.获取元素的css值

            console.log($('div').css('width')); // 结果：200px 获取当前元素的宽度

2.修改元素的css样式

（1）单独修改某一样式

        加不加引号，两种方法均可

            console.log($('div').css('width','300px')); // 结果：宽度修改为300px
            console.log($('div').css('width',300)); // 结果：宽度修改为300px

（2）同时修改多个样式

        使用驼峰命名法，用逗号隔开

            $('.box').css({
                width: 300, height: 400, backgroundColor: 'skyblue'
                // 把多个样式同时修改，使用对象的方法
            })

（3）修改css类名

        注意对类名进行操作时，里面的类名不需要加“点”

        1>添加类名

                $(this).addClass('current'); // 添加current这个类名

        2>删除类名

                $(this).removeClass('current'); // 删去current这个类名

        3>切换类名

        有就加上，没有就去掉

                $(this).toggleClass('rotate'); // 切换类