当前位置： 移动技术网 > IT编程>开发语言>Jquery > 原生jQuery代码

原生jQuery代码

2019年03月14日  | 移动技术网IT编程  | 我要评论 
function myjquery(selector){
    if(typeof selector=="string") {
        if (selector.charat(0) == "<" && selector.slice(-1) == ">") {
            var ele = selector.slice(1,-1);
            this[0] = document.createelement(ele);
            this.length = 1;
        } else {
            var all=document.queryselectorall(selector);
            for (var i = 0; i < all.length; i++) {
                this[i] = all[i];
            }
            this.length = all.length;
        }
    }else if(typeof selector=="undefined"){
        return this;
    }else if(typeof selector=="function"){
        this.ready(selector);
    }else if(selector.nodetype==1){
        this[0]=selector;
        this.length=1;
    }
}

myjquery.prototype={
    each:function(callback){
        for (var i=0;i<this.length;i++){
            callback(i,this[i]);
        }
    },
    html:function(val){
        this.each(function(index,obj){
            obj.innerhtml=val
        });
        return this;
    },
    css:function(attr,val){
        this.each(function(index,obj){
            if (typeof attr=="object"){
                for (var i in attr){
                    if (i=="width"||i=="height"||i=="margin"||i=="fontsize"){
                        obj.style[i]=parseint(attr[i])+"px";
                    }
                    obj.style[i]=attr[i];
                }
            }else{
                obj.style[attr]=val;
            }
        })
        return this;
    },
    ready:function(callback){
        document.addeventlistener("domcontentloaded",function(){
            callback();
        })
    },
    click:function(callback){
        this.each(function(index,obj){
            obj.onclick=function(){
                callback.call(obj);
            }
        })
        return this;
    },
    appendto:function(dom){
        if (typeof dom=="string"){
            var all=document.queryselectorall(dom)
            var ele=this[0]
            for (var i=0;i<all.length;i++){
                this[i]=ele.clonenode(true)
                all[i].appendchild(this[i])
                this.length=all.length
            }
        }else{
            dom.appendchild(this[0])
        }
        // document.queryselector(dom).appendchild(this[0]);
        return this;
    }

}
function $(selector){
     return new myjquery(selector);
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网