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

更新时间：2008年06月01日 20:23:25 作者：

编写zQuery库初始起因一则是由于旧版的jQuery执行效率（现在的版本好像还可以），二则是对javascript语言的喜爱，每每总是亲历亲为，最后由于在项目中的需求，加入了对事件侦听机制的和DOM节点操作方法的扩展。

<!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需再刷新一下页面才能执行]

jQuery.holdReady()使用方法
jQuery.holdReady()方法允许jQuery的完成事件被该函数锁定，下面为大家介绍下其具体的使用
2014-05-05
jQuery模拟实现的select点击选择效果【附demo源码下载】
这篇文章主要介绍了jQuery模拟实现的select点击选择效果,涉及jQuery响应鼠标点击动态修改页面元素样式的相关操作技巧,并附带demo源码供读者下载,需要的朋友可以参考下
2016-11-11
css配合jquery美化 select
select的美化在之前的文章中也有介绍过，在本文将为大家介绍下使用css配合jquery美化select，感兴趣的朋友可以参考下
2013-11-11
jquery制做精致的倒计时特效
这篇文章主要为大家详细介绍了jquery制做精致的倒计时特效的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
在我们对一个dom添加mouseover和mouseout时，也就是jquery的hover事件，如果该dom有子元素，鼠标移到子元素时会触发mouseout事件，但往往实际情况我们希望在子元素上不触发out事件
2011-12-12
jquery实现的判断倒计时是否结束代码
在一些购物网站经常会遇到倒计时的功能，例如某些商品在一定期限内搞活动，下面小编给大家分享一段代码关于jquery实现的判断倒计时是否结束代码，希望对大家有所帮助
2016-02-02
实现点击下箭头变上箭头来回切换的两种方法【推荐】
本文主要介绍了实现点击下箭头变上箭头来回切换的两种方法，具有很好的参考价值，需要的朋友一起来看下吧
2016-12-12
简单分析javascript面向对象与原型
为了说明 JavaScript 是一门彻底的面向对象的语言，首先有必要从面向对象的概念着手 , 探讨一下面向对象中的几个概念：1.一切事物皆对象，2.对象具有封装和继承特性，3.对象与对象之间使用消息通信，各自存在信息隐藏
2015-05-05
jQuery之Deferred对象详解
这篇文章主要介绍了jQuery之Deferred对象详解,本文深入剖析了jQuery Deferred对象的方法属性等内容,需要的朋友可以参考下
2014-09-09
通过$(this)使用jQuery包装后的方法或属性
如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this)
2014-05-05