寶兒的zQuery庫(kù)選擇器簡(jiǎn)單原型

更新時(shí)間：2008年06月01日 20:23:25 作者：

編寫(xiě)zQuery庫(kù)初始起因一則是由于舊版的jQuery執(zhí)行效率（現(xiàn)在的版本好像還可以），二則是對(duì)javascript語(yǔ)言的喜愛(ài)，每每總是親歷親為，最后由于在項(xiàng)目中的需求，加入了對(duì)事件偵聽(tīng)機(jī)制的和DOM節(jié)點(diǎn)操作方法的擴(kuò)展。

<!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庫(kù)選擇器簡(jiǎn)單原型</title> </head> <body> <h1>寶兒的zQuery庫(kù)選擇器簡(jiǎn)單原型</h1> <div   class="wnbx3ja"   id="idTest">   <ul>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>   </ul> </div> <div   id="wsddnmy"   class="classTest">   <ul class="classTest">     <li id="b7pvzvi"    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需再刷新一下頁(yè)面才能執(zhí)行]