1. add addClass,removeClass

Author: puag

common/test.html

@@ -12,15 +12,15 @@
     <p>这是测试p1</p>
     <p>这是测试p2</p>
 </div>
-<div class="a">111</div>
-<div class="a">222</div>
-<div class="a">333</div>
+<div class="a b">111</div>
+<div class="a b c">222</div>
+<div class="a c b">333</div>
 
 <script type="text/javascript" src="../js/jing.js"></script>
 <script type="text/javascript" src="../js/pop.js"></script>
 <!--<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.js"></script>-->
 <script type="text/javascript">
-//    var a = $.merge([1,2,3], ['a','b','c']);
+    var a = $.merge([1,2,3], ['a','b','c']);
 //    console.log(a);
     /*
     var a = $.map([1,2,3], function(n){
@@ -30,6 +30,8 @@
     */
 //    var b = $('.a').after('<div>我是一个兵</div>');
 //    console.log(b);
+    $('.a').removeClass('b');
+
 
     new $.pop();
 </script>

js/jing.js

@@ -357,25 +357,78 @@
     $.fn.extend({
         addClass : function(value){
             var i = 0,
-                j = 0,
+                j,
                 cur = '',
                 elem = null,
                 classes = [],
                 clazz = '',
                 len = this.length,
+                finalValue = '',
                 proceed = typeof value === 'string' && value;
 
             if(proceed){
                 classes = value.match(rnotwhite);
                 for( ; i < len; i++){
                     elem = this[i];
 
-                    cur = elem.nodeType === 1 && elem.className ? ' ' + elem.className + ' ' : '';
+                    cur = elem.nodeType === 1 && (elem.className ? ' ' + elem.className + ' ' : '');
                     if(cur){
+                        j = 0;
+
+                        while((clazz = classes[j++])){
+                            if(cur.indexOf(' ' + clazz + ' ') < 0){
+                                cur += clazz + ' ';
+                            }
+                        }
+
+                        finalValue = $.trim(cur);
+                        if(elem.className !== finalValue){ // 为了防止重绘
+                            elem.className = finalValue;
+                        }
+                    }
+                }
+            }
+
+            return this;
+        },
+        removeClass : function(value){
+            var i = 0,
+                j,
+                cur = '',
+                elem = null,
+                classes = [],
+                clazz = '',
+                len = this.length,
+                finalValue = '',
+                proceed = arguments.length === 0 || typeof value === 'string' && value;
+
+            if(proceed){
+                classes = value.match(rnotwhite);
+                for( ; i < len; i++){
+                    elem = this[i];
 
+                    cur = elem.nodeType === 1 && (elem.className ? ' ' + elem.className + ' ' : '');
+                    if(cur){
+                        j = 0;
+
+                        while((clazz = classes[j++])){
+                            while(cur.indexOf(' ' + clazz + ' ') >= 0){
+                                cur = cur.replace(' ' + clazz + ' ', ' ');
+                            }
+                        }
+
+                        finalValue = value ? $.trim(cur) : '';
+                        if(elem.className !== finalValue){ // 为了防止重绘
+                            elem.className = finalValue;
+                        }
                     }
                 }
             }
+
+            return this;
+        },
+        toggleClass : function(){
+
         }
     });
 
@@ -384,4 +437,4 @@
 // 2014-04-21 : 准备开发第一版
 // 2014-04-30 : 完成$.type, $.each等方法
 // 2014-05-04 : 增加$.get方法
-// 2014-05-05 : 以精减的方式添加：append,prepend,before,after方法，但存在tbody问题未处理；添加addClass
+// 2014-05-05 : 以精减的方式添加：append,prepend,before,after方法，但存在tbody问题未处理；添加addClass,removeClass