寶兒的zQuery庫選擇器簡單原型

2019-11-21 01:44:08

字體：大中小

來源：轉載

供稿：網友

<!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   class="iwvjtn8m0"   id="idTest">   <ul>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>   </ul> </div> <div   id="iwvjtn8m0"   class="classTest">   <ul class="classTest">     <li id="iwvjtn8m0"    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需刷新才能執行]

上一篇：超級經典一套鼠標控制左右滾動圖片帶自動翻滾

下一篇：javascript數組的擴展實現代碼集合