二,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)应用类样式。