首页 / JQUERY / 原生jQuery代码

原生jQuery代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了原生jQuery代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1685字，纯文字阅读大概需要3分钟。

内容图文

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);
}

原文：https://www.cnblogs.com/weigaojie/p/10522801.html

内容总结

以上是互联网集市为您收集整理的原生jQuery代码全部内容，希望文章能够帮你解决原生jQuery代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1054056.html

来源：【匿名】