Jquery中文网 > jQuery > jquery 教程 > 正文宝儿的zQuery库选择器简单原型

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

发布时间：2013-04-26 编辑：www.jquerycn.cn

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<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库选择器简单原型
 photoshop调出高级灰色调儿童摄影照片处理教程
 php支付宝支付接口程序及参数详解
 CSS样式表：详细介绍IE7新支持的选择器
 解决支付宝安全控件安装后还提示安装办法
 jquery选择器大全详解
 jquery选择器大全全面详解jquery选择器
 django订单模块怎么实现
 实时切换网页的CSS样式实现
 淘宝支付无法使用信用卡什么原因，怎么办?

上一篇：jQuery 动画基础教程下一篇：javascript jQuery $.post $.ajax用法

[关闭]

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

最近更新

浏览排行