简单封装js的dom查询

最近一直在啃犀牛书,有感,于是写了个简单的js的dom查询


$ = function (val) {
        switch(val.charAt(0)) {
            case '#' :
                return document.getElementById(val.substring(1));
                break;
            case '.' :
                val = val.replace('.','');
                if(document.getElementsByClassName)
                    return document.getElementsByClassName(val);
                else {
                    var obj = document.getElementsByTagName('*'),len = obj.length,arr=[];

                    for(var i=0;i<len;i++) {
                        if(obj[i].className == val) {
                            arr[arr.length] = obj[i];
                        }
                    }

                    return arr;
                }
                break;
            default :
                if(document.getElementsByName(val).length > 0)
                    return document.getElementsByName(val);
                else 
                    return document.getElementsByTagName(val); 
        }
    }

这样一实现,以后调用id时,只需 $('#idname'),class时$('.classname'),TagName和Name都是做了个简单的判断,都是直接传 $('name'),我试了下,感觉还可以。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值