jQuery操作css

操作css

一、参数只写属性名，则是返回属性值

$(this).css('color');

二、参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加逗号，如果是数字可以不写单位和引号

$(this).css('backgroundColor','pink');

三、参书可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号。

            $('div').css({
                width: '200px',
                height: '200px',
                backgroundColor: 'pink'
            })

四、设置类样式方法

1. addClass(‘类名’)添加类 注意：类名前面不加.
2. removeClass(‘类名’)移除类 注意：类名前面不加.
3. toogleClass(‘类名’)切换类 该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。注意：类名前面不加.

五、与原生js中className的区别

1. addClass 不会覆盖原先的类名 className会覆盖原先的类名。