宝儿的zQuery库选择器简单原型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>宝儿的zQuery库选择器简单原型</title> </head> <body> <h1>宝儿的zQuery库选择器简单原型</h1> <div id="idTest">   <ul>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>   </ul> </div> <div class="classTest">   <ul class="classTest">     <li class="classTest"></li>     <li></li>     <li></li>     <li></li>     <li></li>   </ul> </div> <script type="text/javascript"> var zQuery=function(ele,tagName,className){     if(!arr){var arr=new Array()}     var elem=typeof(ele)=="object"?ele:document.getElementById(ele);     if(!tagName){         return elem;     }else{         if(elem.constructor!=Array){             var tags=elem.all&&!window.opera?tagName=="*"?elem.all:elem.all.tags(tagName):elem.getElementsByTagName(tagName);             if(!className){                 for(var i=0, l=tags.length; i<l; i++)                     arr.push(tags[i]);             }else{                 for(var i=0, l=tags.length; i<l; i++)                     if(RegExp("(^|\\s+)"+className+"($|\\s+)").test(tags[i].className))                         arr.push(tags[i]);             }         }else{             for(var i=0, l=elem.length; i<l; i++){                 arr=arr.concat(zQuery(elem[i],tagName,className));             }         }     }     return arr; } var $=zQuery; alert( $("idTest").id ); alert( $("idTest","li").length); alert( $(document,"div").length ); alert( $( $(document,"div"),"ul").length ); alert( $( $( $(document,"div"),"ul"),"li").length ); alert( $(document,"div","classTest").length ); alert( $( $(document,"div","classTest"),"ul","classTest").length ); alert( $( $( $(document,"div","classTest"),"ul","classTest"),"li","classTest").length ); </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

宝儿的zQuery库选择器简单原型

您可能感兴趣的文章: