1、addClass:为指定的dom元素添加样式。
2、removeClass:删除指定dom元素的样式。
3、toggleClass:如果存在(不存在)，就删除(添加)一个样式。
4、hasClass:判断样式是否存在。
原生 JS 代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
function hasClass(obj, cls) { return obj.className.match(new RegExp('(\s|^)' + cls + '(\s|$)'));}function addClass(obj, cls) { if (!this.hasClass(obj, cls)) { obj.className += " " + cls; }}function removeClass(obj, cls) { if (hasClass(obj, cls)) { var reg = new RegExp('(\s|^)' + cls + '(\s|$)'); obj.className = obj.className.replace(reg, ' '); }}function toggleClass(obj,cls){ if(hasClass(obj,cls)){ removeClass(obj, cls); } else { addClass(obj, cls); }} |