jquery DOM样式操作和类名操作

（1） 设置样式

设置单个样式：

// 第一个参数表示：样式属性名称
// 第二个参数表示：样式属性值
$(selector).css(“color”, “red”);

设置多个样式：（也可以设置单个）

// 参数为 {}（对象）
$(selector).css({“color”: “red”, “font-size”: “30px”});

（2）获取样式

// 参数表示要获取的 样式属性名称
$(selector).css(“font-size”);

此时，会返回”font-size”样式属性对应的值。

 

2. 类名操作

（1）添加类名

addClass(className) 为指定元素添加类名

$(selector).addClass(“liItem”);

注意：此处类名不带点，所有类操作的方法类名都不带点"."

（2）移除类名

removeClass(className) 为指定元素移除类名

$(selector).removeClass(“liItem”); //移除指定类名
$(selector).removeClass(); //不指定参数，表示移除所有类名

（3）判断有没有某个类名

hasClass(className) 判断指定元素是否包含某个类名

$(selector).hasClass(“liItem”);//返回true或false

（4）切换类名

toggleClass(className) 切换类名，如果没有指定类名就添加，有就移除。

$(selector).toggleClass(“liItem”);