function myJquery(selector){ if(typeof selector=="string") { if (selector.charAt(0) == "<" && selector.slice(-1) == ">") { var ele = selector.slice(1,-1); this[0] = document.createElement(ele); this.length = 1; } else { var all=document.querySelectorAll(selector); for (var i = 0; i < all.length; i++) { this[i] = all[i]; } this.length = all.length; } }else if(typeof selector=="undefined"){ return this; }else if(typeof selector=="function"){ this.ready(selector); }else if(selector.nodeType==1){ this[0]=selector; this.length=1; }}myJquery.prototype={ each:function(callback){ for (var i=0;i<this.length;i++){ callback(i,this[i]); } }, html:function(val){ this.each(function(index,obj){ obj.innerHTML=val }); return this; }, css:function(attr,val){ this.each(function(index,obj){ if (typeof attr=="object"){ for (var i in attr){ if (i=="width"||i=="height"||i=="margin"||i=="fontSize"){ obj.style[i]=parseInt(attr[i])+"px"; } obj.style[i]=attr[i]; } }else{ obj.style[attr]=val; } }) return this; }, ready:function(callback){ document.addEventListener("DOMContentLoaded",function(){ callback(); }) }, click:function(callback){ this.each(function(index,obj){ obj.onclick=function(){ callback.call(obj); } }) return this; }, appendTo:function(dom){ if (typeof dom=="string"){ var all=document.querySelectorAll(dom) var ele=this[0] for (var i=0;i<all.length;i++){ this[i]=ele.cloneNode(true) all[i].appendChild(this[i]) this.length=all.length } }else{ dom.appendChild(this[0]) } // document.querySelector(dom).appendChild(this[0]); return this; }}function $(selector){ return new myJquery(selector);}