jquery源码学习--iceDog

/**
 * @FileName   :    iceDog
 * @Author     :    PheonixHkbxoic
 * @Mail       :    hkbxoic@gmail.com
 * @DateTime   :    2016-04-23 14:55:33
 * @Version    :    v1.0.0
 * @Description:    Description
 */




(function(window,undefined){
    var doc = window.document;

    var _iceDog = function(selector){
        return new _iceDog.fn.init(selector);//每次使用_iceDog对象,都是全新的
    };

    //原型
    _iceDog.fn = _iceDog.prototype = {
        //elems : [],//selector? []:_iceDog.prototype,
        init : function(selector){
            this.elems = [];//初始化容器，每次创建的对象都是全新的

            if(selector){
                if(typeof selector === 'boolean'){
                    this.elems.push(selector==true? true:this);
                }else if (typeof selector === 'number') {
                    this.elems.push(selector);
                }else if (typeof selector === 'function') {
                    //用回调函数处理
                    selector.call(this,this);
                }else if (typeof selector === 'string' ){
                    if(selector.match(/^#S{3,}/)){//#id
                        this.elems.push(doc.getElementById(selector.substring(1)))
                    }else if (selector.match(/^.S{3,}/)) {//.class
                        var elarr = doc.all;
                        for (var i = 0; i < elarr.length; i++) {
                            if (elarr[i].className&&elarr[i].className.indexOf(selector.substring(1))!=-1) {
                                this.elems.push(elarr[i]);
                            }
                            
                        }
                    }else { //a,
                        var elarr = doc.getElementsByTagName(selector);
                        for (var i = 0; i < elarr.length; i++) {
                            this.elems.push(elarr[i]);
                        }
                    }
                }else if (selector.nodeType) {
                    this.elems.push(selector);
                }
                
                return this;
            }else{//handle $(),$(""), $(null), $(undefined), $(false)
                return this;
            }
            
        },
        css : function(attr,value){
            if (arguments.length == 1) {
                var attrvalue = [];
                for (var i = 0; i < this.elems.length; i++) {
                    attrvalue[i] = this.elems[i].style[attr] ;
                }
                return attrvalue;
            }else if (arguments.length == 2) {
                for (var i = 0; i < this.elems.length; i++) {
                    this.elems[i].style[attr] = value;
                }
                return this;
            }else{
                throw new Error('the length of css arguments is between 1 and 2 !');
            }
        },
        each:function(callback,args){//应该用回调函数
            return _iceDog.each(this.elems,callback,args);
        }
    };

    //原型传递
    _iceDog.fn.init.prototype = _iceDog.prototype;

    /**
      * 将要添加的静态方法或属性，复制给_iceDog 类
      * 将要添加的对象方法或属性，复制给_iceDog.fn,即_iceDog.prototype原型，那么_iceDog 对象也就拥有了这些方法和属性
      */
    _iceDog.extend = _iceDog.fn.extend = function(){
        var target = arguments[0]||{};
        for(name in target){
            this[name] = target[name];
        }
        return target;
    };

    //_iceDog 类要添加的静态方法或属性
    _iceDog.extend({
        version:'iceDog v1.0.0',
        showVersion:function(){
            alert(this.version);
            return this.version;
        },
        each:function(obj,callback,args){//应该用回调函数
            var name,length = obj.length;
            for(name in obj){
                if(callback.call(obj[name],name,obj[name],args)===false){
                    break;
                }
            }
        }
    });

    //_iceDog对象的属性或方法
    _iceDog.fn.extend({
        elems:[],
        get:function(index){
            return arguments.length==1?this.elems[index]:this.elems;
        },
        show:function(){
            for(var i=0;i<this.elems.length;i++){
                this.elems[i].style.display = 'block';
            }
            return this;
        },
        hide:function(){
            for(var i=0;i<this.elems.length;i++){
                this.elems[i].style.display = 'none';
            }
            return this;
        },
        addClass:function(className){
            for(var i=0;i<this.elems.length;i++){
                this.elems[i].className += ' '+className;
            }
            return this;
        },
        removeClass:function(className){
            for(var i=0;i<this.elems.length;i++){
                var clzz = this.elems[i].className;
                clzz = clzz.replace(new RegExp(className),'');
                clzz = clzz.replace(/ $/,'');
                this.elems[i].className= clzz;
            }
            return this;
        },
        val:function(val){                                    //获取或设置表单元素值
            if (arguments.length==1) {
                for(var i=0;i<this.elems.length;i++){
                    if(this.elems[i].hasAttribute('value')){
                        this.elems[i].value = val;
                    }
                }
                return this;
            }
            var values = [];
            for(var i=0;i<this.elems.length;i++){
                if(this.elems[i].hasAttribute('value')){
                    var value = this.elems[i].value;
                    if(value){
                        values.push(value);
                    }
                }
            }
            return values;
        },
        text:function(textValue){                                    //获取或设置文本节点内容
            if (arguments.length==1) {
                for(var i=0;i<this.elems.length;i++){
                    this.elems[i].appendChild(doc.createTextNode(textValue));
                }
                return this;
            }
            var texts = [];
            for(var i=0;i<this.elems.length;i++){
                if(this.elems[i].nodeType == 1){//是元素节点，才有文本子节点
                    var text = [];
                    var childNodes = this.elems[i].childNodes;
                    for (var i = 0; i < childNodes.length; i++) {
                        if(childNodes[i].nodeType == 3){
                            //FireFox浏览器，空格和回车会认为是文本节点。需额外处理
                            childNodes[i].nodeValue = childNodes[i].nodeValue.replace(/s+/,'');
                            if(childNodes[i].nodeValue){
                                text.push(childNodes[i].nodeValue);
                            }
                        }
                    }
                    texts.push(text);
                }
            }
            return texts;
        },
        html:function(tag){                                    //获取或设置节点内容
            if (arguments.length==1) {
                for(var i=0;i<this.elems.length;i++){
                    this.elems[i].innerHTML=tag;
                }
                return this;
            }
            for(var i=0;i<this.elems.length;i++){
                this.elems[i] = this.elems[i].innerHTML;
            }
            return this.elems;
        },
        append:function(node,createText){
            if (arguments.length!=0) {
                if(!node.nodeType){    //如果不是节点
                    if(createText&&createText==true){    
                        node = doc.createTextNode(node);    //创建文本节点
                    }else{
                        node = doc.createElement(node);        //创建元素节点
                    }
                }
                for(var i=0;i<this.elems.length;i++){
                    this.elems[i].appendChild(node);
                }

                //对于<div class='clzz'></div>该如何处理？
            }
            return this;
        }
    });


    window.$ = window.iceDog = _iceDog;
})(window);
/*
    console.log(_iceDog());
    console.log(_iceDog('#box'));
    console.log(_iceDog('#box').css('color','red').css('color'));
    console.log(_iceDog);
    // console.log(_iceDog.show());//不能运行。。。
    console.log(_iceDog('#pox').show());
    console.log(_iceDog('p').show());

    console.log(_iceDog('.boxpox'));
    console.log(_iceDog('.beblue').css('color','blue').css('color'));
    */



/*
(function(window){
    var doc = window.document;
    _iceDog = function(selector){
        var obj = {
            elems : selector? []:_iceDog.prototype,
            init : function(selector){
                if(selector){
                    if(selector.match(/^#S{3,}/)){//#id
                        this.elems.push(doc.getElementById(selector.substring(1)))
                    }else if (selector.match(/^.S{3,}/)) {//.class
                        var elarr = doc.all;
                        for (var i = 0; i < elarr.length; i++) {
                            if (elarr[i].className&&elarr[i].className.indexOf(selector.substring(1))!=-1) {
                                this.elems.push(elarr[i]);
                            }
                            
                        }
                    }else { //a,<a>
                        var elarr = doc.getElementsByTagName(selector);
                        for (var i = 0; i < elarr.length; i++) {
                            this.elems.push(elarr[i]);
                        }
                    }
                    return this;
                }else{
                    return this;
                }
                
            },
            css : function(attr,value){
                if (arguments.length == 1) {
                    var attrvalue = [];
                    for (var i = 0; i < this.elems.length; i++) {
                        attrvalue[i] = this.elems[i].style[attr] ;
                    }
                    return attrvalue;
                }else if (arguments.length == 2) {
                    for (var i = 0; i < this.elems.length; i++) {
                        this.elems[i].style[attr] = value;
                    }
                    return this;
                }else{
                    throw new Error('the length of css arguments is between 1 and 2 !');
                }
            },
            show:function(){
                return this.elems;
            },
            each:function(fun){//应该用回调函数
                for (var i = 0; i < this.elems.length; i++) {
                    alert(this.elems[i]);
                }
            }
        };
        _iceDog.prototype = obj.init.prototype;//_iceDog.prototype = obj.init.prototype = obj;

        return obj.init(selector);
    };
    window.$ = window.iceDog = _iceDog;
})(window);
*/