首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

模拟jQuery架构-了解jQuery对象

2012-11-23 
模拟jQuery架构--理解jQuery对象????? 本文主要是对http://stworthy.iteye.com/blog/200863此篇文章的改进

模拟jQuery架构--理解jQuery对象

????? 本文主要是对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> 
?

?

热点排行