jquery（自制版）
来源：互联网 发布：阿里云域名交易在那 编辑：程序博客网 时间：2024/05/17 04:30
<html> <head> <title>自制的jquery</title> <script type = "text/javascript">//1>创建jQuery对象;2>直接使用jQuery对象的属性/方法/事件),一个强悍的dom元素查找器($),插件式编程接口(jQuery.fn),以及插件初始化的”配置”对象思想.//实现自己的MyQuery框架(function(window, undefined ){this.$ = function(selector){ if ( window == this ) return new $(selector);//这里只实现dom类型的简单查找,嗯嗯~var doms = document.getElementsByTagName(selector); var arr = []; for(var i=0; i<doms .length; i++){ arr.push(doms.item(i)); } return this.setArray(arr); } var MyQuery = this.$;MyQuery.prototype.setArray = function( arr ) { this.length = 0; [].push.apply( this, arr ); return this; } MyQuery.fn = MyQuery.prototype; //var $ = MyQuery;//插件扩展1)each MyQuery.fn.each = function(method){ for(var i=0,l=this.length; i<l; i++){ method.call(this[i],i); }}MyQuery.fn.a2 = function (){alert("ddf");}//插件扩展2)show MyQuery.fn.show = function(){ this.each(function(i){ alert(i+":"+this.id+":"+this.innerHTML); }); }/*this.good =function(){alert("df");} */})(window);</script></head> <body> <div id="d">这里的id是“d”;</div> <div id="f">这里的id是“f”</div> </body> <script type="text/javascript"> //测试debugger $(window).a2();//alert($(window).toString)$("div").show();/*******块级作用域(function(参数){})(参数值);相当于function func(参数){}func(参数值);快速使用函数，而又不让变量溢出作用域的手法******/</script></html>
