jQuery 对元素样式的操作

1 操作css方法

jQuery可以使用css()方法来修改简单元素样式；也可以操作类，修改多个样式。

1. 参数只写属性名，则是返回属性值

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

2. 参数是（属性名，属性值）逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不带单位和引号

$(this).css("color","red")

3. 参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号，属性值如果为字符串一定要加引号

$(this).css({color:"red",fontSize:18})

2 设置类样式方法

1. 添加类

$("div").addClass("current"); current类名 要加引号， 不加点

2. 移除类

$("div").removeClass("current");

3. 切换类

$("div").toggleClass("current"); 有此类则移除，无则加上

3 类操作与className区别

原生js中className会覆盖元素原先里面的类名。

jQuery里面的类操作只是对指定类进行操作，不影响原先的类名