简单的JQUERY实现代码分析
程序员文章站
2022-12-09 18:28:42
jquery版本: jquery-1.0.js
html:
1
2
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}
上一篇: 过期的牛奶可以喝吗?喝牛奶需要注意什么?
下一篇: 家常土豆泥的简单做法你学会了吗?