jQuery和zepto中的簡(jiǎn)單使用
通過(guò)選擇器構(gòu)建不同的實(shí)例，但是都可以使用.css()周偎、.html()等方法可以看出來(lái)這些方法都是定義在原型上面的抹剩。還有es6中的class來(lái)定義構(gòu)造函數(shù)，里面的constructor方法來(lái)定義函數(shù)體內(nèi)容就是通過(guò)原型實(shí)現(xiàn)的蓉坎。
zepto如何使用原型
var zepto={};
zepto.init=function(selector){
var slice=Array.prototype.slice;
var dom=slice.call(document.querySelectorAll(selector));
return zepto.Z(dom,selector)
}
var $=function(selector){
return zepto.init(selector);
}
zepto.Z=function(dom,selector){
return new Z(dom,selector)
}
function Z(dom,selector){
var i,len=dom?dom.length:0;
for(var i=0;i<len;i++) this[i]=dom[i];
thi.length=len;
this.selector=selector:'';
}
$.fn={
constructor:zepto.z,
css:function(key,value){},
html:function(value){}
}
zepto.Z.prototype=Z.prototype=$.fn;
jquery中原型的使用
var jquery=function(selector){
????return new jquery.fn.init(selector);
}
var init=jquery.fn.init=function(selector){
????var slice=Array.prototype.slce;
????var ????dom=slice,call(document.querySelectorAll(selector));
????var i,len=dom?dom.length:0;
????for(i=0;i<len;i++){
????????this[i]=dom[i]
????}
????this.length=len;
????this.selector=selector||'';
}
jquery.fn=jquery.prototype={
????constructor:jquery,
????css:function(key,value){},
? ? html:function(value){}
????}
init.prototype=jquery.fn;
window.jquery=jquery;
