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）应用类样式。