HTML5新特性:元素的classList属性与应用

 1 gQuery.prototype.hasClass = function (obj, cName) {
 2     // 
 
 

 3     return obj.className.match(new RegExp('(\\s|^)' + cName + '(\\s|$)'));
 4 }
 5 
 6 gQuery.prototype.addClass = function (cName) {
 7     for (var i = 0; i <this.elements.length; i++) {
 8         if (!this.hasClass(this.elements[i], cName)) {
 9             // hello abc   // abc
10             this.elements[i].className += " " + cName;
11             this.elements[i].className = this.trim(this.elements[i].className);
12         }
13     }
14     return this;
15 }
16 
17 gQuery.prototype.removeClass = function (cName) {
18     for (var i = 0; i <this.elements.length; i++) {
19         if (this.hasClass(this.elements[i], cName)) {
20             var re = new RegExp('(\\s|^)' + cName + '(\\s|$)');
21             this.elements[i].className = this.elements[i].className.replace(re, " ");
22             this.elements[i].className = this.trim(this.elements[i].className);
23         }
24     }
25     return this;
26 }
27 
28 gQuery.prototype.toggleClass = function (cName) {
29     for (var i = 0; i <this.elements.length; i++) {
30         if (this.hasClass(this.elements[i], cName)) {
31             this.removeClass(cName);
32         } else {
33             this.addClass(cName);
34         }
35     }
36     return this;
37 }

 1 
this is a test string

 2     
 3     

 1 
this is a test string

 2     
 3     
 4     
 5