jQ基础 类样式的几种

二，Jq操作类样式：

1， 添加类样式：
.addClass(“cls cls2”);
在addClass()方法中类样式的名字不需要点，多个类样式的名字要空格隔开。
2， 移除类样式：
.removeClass(“cls cls2”);
移除所有类样式：
.removeClass();

网页开关灯案例：
思路：先判断body是否应用了某个类样式，如果应用了就移除，
如果没有应用就添加。
.hasClass(“cls”)——> .removeClass(“cls”);
.val(“关灯”)；

最简洁代码：
.toggleClass();方法，切换类样式。

$(“#btn”).click(function(){
    $(“body”).toggleClass(“cls”);//切换类样式
})

day05

.hasClass(“cls”);用来检测是否运用了类样式。

一，产品切换案例：

1， 获取ul中所有的li，调用鼠标进入事件。
① 当前元素的兄弟元素li的移除类样式
② 让当前的li添加类样式。
③ 获取当前的li的索引
④ 获取div中对应的索引的这个div，（：eq（））
让这个div的所有的兄弟元素div全部移除类样式，
让当前对应的div（索引对应的div）应用类样式。