本文主要是对http://stworthy.iteye.com/blog/200863此篇文章的改进,希望读者更能重复理解javascript的一些框架。本文在stworthy的基础上对代码做了一些改变,并做了一些详细的阐述,希望能给广大IT朋友一点参考价值,如果写的不好的地方欢迎指正。
<script type="text/javascript">
var jQuery = $ = function(selector){
return new jQuery.fn.init(selector);
};
jQuery.fn = jQuery.prototype = {
//初始化jQuery对象
init:function(selector){
var elem = document.getElementById(selector);
this[0] = elem;
this.length = 1;
//(1)注意此处返回的是jQuery.fn.init对象
return this;
},
each:function(method){
for(var i=0; i<this.length; i++){
//利用call方法改变了method方法的作用域,也就是将method的this变成了
//jQuery.fn.init[0]对象,并将i值作为参数传递给method方法。
method.call(this[0],i);
}
}
};
//因为(1)处的返回的是jQuery.fn.init对象,无法调用each方法。
//所以将jQuery.fn对象赋给jQuery.fn.init对象原型中。这样
//jQuery.fn.init对象就可以使用each方法了
jQuery.fn.init.prototype = jQuery.fn;
$('myid').each(function(i){
alert(i+":"+this.id+":"+this.innerHTML);
});
</script>
<div id="myid">测试内容</div>