js怎么仿jquery选择器功能
这篇文章主要介绍了js怎么仿jquery选择器功能的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇js怎么仿jquery选择器功能文章都会有所收获，下面我们一起来看看吧。
jquery作为应用最广的js库，其最强大的功能之一就是几乎涵盖所有方法的且代码十分简短的选择器功能，我们也可用自己的代码实现此功能，代码逻辑、使用方法与jquery一致
functionzquery(arg){this.elements=[];//存东西this.domstring='';//保存字符串标签if(typeofarg=='function'){//domreadydomready(arg);}elseif(typeofarg=='string'||arginstanceofstring){if(arg.indexof('<')!=-1){this.domstring=arg;}else{//获取元素this.elements=getele(arg);this.length=this.elements.length;}}else{//原生对象-》zquery对象this.elements.push(arg);this.length=this.elements.length;}}zquery.prototype.css=function(name,value){if(arguments.length==2){//设置一个样式for(vari=0;i=200&&oajax.status<300||oajax.status==304){json.success&&json.success(oajax.responsetext);}else{json.error&&json.error(oajax.status);}}};}functionjsonp(json){json=json||{};if(!json.url)return;json.timeout=json.timeout||15000;json.cbname=json.cbname||'cb';json.data=json.data||{};json.data[json.cbname]='show' math.random();json.data[json.cbname]=json.data[json.cbname].replace('.','');json.timer=settimeout(function(){window[json.data[json.cbname]]=function(res){ohead.removechild(os);json.error&&json.error('网络超时!');}},json.timeout);window[json.data[json.cbname]]=function(res){cleartimeout(json.timer);ohead.removechild(os);json.success&&json.success(res);}varohead=document.getelementsbytagname('head')[0];varos=document.createelement('script');os.src=json.url '?' json2;ohead.appendchild(os);}functiongetstyle(obj,sname){return(obj.currentstyle||getcomputedstyle(obj,false))[sname];}functionaddevent(obj,sev,fn){if(obj.addeventlistener){obj.addeventlistener(sev,function(ev){varoevent=ev||event;if(fn.call(obj,oevent)==false){oevent.cancelbubble=true;oevent.preventdefault&&oevent.preventdefault();}},false);}else{obj.attachevent('on' sev,function(){varoevent=ev||event;if(fn.call(obj,oevent)==false){oevent.cancelbubble=true;returnfalse;}});}}functiondomready(fn){if(document.addeventlistener){addevent(document,'domcontentloaded',function(){fn&&fn();});}else{addevent(document,'onreadystatechange',function(){if(document.readystate=='complete'){fn&&fn();}});}}functiongetbyclass(oparent,sclass){if(oparent.getelementsbyclassname){returnoparent.getelementsbyclassname(sclass);}else{vararesult=[];varaele=oparent.getelementsbytagname('*');varre=newregexp('\\b' sclass '\\b','g');for(vari=0;i
关于“js怎么仿jquery选择器功能”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“js怎么仿jquery选择器功能”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道。
展开全文