当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 简单的JQUERY实现代码分析

简单的JQUERY实现代码分析

2018年12月02日  | 移动技术网IT编程  | 我要评论

jquery版本: jquery-1.0.js

html:

<body>  
    <p>1</p>  
    <p>2</p>  
</body>

html:

console.log("p",$("p"))

结果:

jquery {0: p, 1: p, length: 2}

实现代码如下:

  function jquery(a, b) {  
            function jquery(a, b) {  
                [].push.apply(this, [a, b]);    
             //核心代码让数组对象的this指向jquery函数，function实际上也是一个object对象，  
                // 如果function对象上找不到和数组对象同名函数，就会在object对象上找  
                //这里产生的{}对象的length只和传入的[1,2]的length有关，这个也是jquery的巧妙之处  
            }  
            jquery.prototype = {  
                a: function () {  
                    alert("a");  
                    return this;  
                },  
                b: function () {  
                    alert("b");  
                    return this;  
                }  
            };  
            return new jquery(a, b);  
        }  
        console.log(jquery(1, 2).a().b());   //结果：jquery {0: 1, 1: 2, length: 2}

您可能感兴趣的文章:

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

相关文章:

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