jQueryDOM操作--样式操作（css、className）

1.基本样式属性操作

作用：设置或获取元素的样式属性值。

2.设置样式属性操作

设置单个样式（第一个参数为样式的属性名称，第二个参数为样式属性值）

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

设置多个样式，参数为对象，使用对象的形式设置一个或多个类和样式（参数为对象）

$(selector).css({"color": "red", "font-size": "30px"});

3.获取样式属性操作（参数为想要获取的样式属性名称）

var fs = $(selector).css("font-size");

==============================================================================================

4.添加类样式（为指定元素添加类，参数为className）

$(selector).addClass("liItem");

5.移除类样式（为指定元素移除类，参数为className或者是空）

$(selector).removeClass("liItem");
$(selector).removeClass();     //不指定参数，表示移除被选中元素的所有类

6.判断有没有类样式（判断一个元素是否包含某个类，参数为className）

var hasC = $(selector).hasClass("liItem");
// 此时，会返回true或false

7.切换类样式（为指定元素切换类className，有就移除，没有就添加）

$(selector).toggleClass("liItem");

8.注意点！！！！！！

1.操作的时候，所有的类名都不带点（.）

2.样式少可以用.css()来操作，样式多的时候可以用类名来操作

3.站在维护方面上说，类名的使用更好（把css从html中分离出来）