首先,布局一个简单的界面<button>添加类</button><button>删除类</button><button>切换类</button><div></div>
。
addClass(class/fn)
为DOM元素添加类,空格隔开多个类名。
var btns = document.getElementsByTagName(“button”);
btns[0].onclick = function(){
$(“div”).addClass(“class1 class2”);
}
removeClass([class/fn])
删除类,多个类名用空格隔开。
btns[1].onclick = function(){
$(“div”).removeClass(“class1 class2”);
}
toggleClass(class/fn[,sw])
切换类,有就删除没有就添加。
btns[2].onclick = function(){
$(“div”).toggleClass(“class1 class2”);
}
我坚持学到现在,差点儿放弃了!