模拟Jquery选择器

目前实现的功能有以下几点:

  1.$("#adom"); // 返回id为adom的DOM对象

  2.$("a"); // 返回一个a标签的数组

  3.$(".classa"); // 返回一个class的数组

  4.$("[data-log]"); // 返回一个包含属性data-log的数组

  5.$("[data-time=2015]"); // 返回一个属性为data-time且值为2015的数组

其他选择器有时间在弄吧。

function $() {
    var a = arguments,len,str,sub,dataReg;
    // class兼容IE
    function classN(n){
        var tag = document.getElementsByTagName("*");
        for(var i=0,arr=[];i<tag.length;i++){
            if(tag[i].className.indexOf(n)!==-1){
                arr.push(tag[i]);
            }
        }
        return arr;
    }
    // 自定义data选择器
    function data(d){
        var tag = document.getElementsByTagName("*");
        var reg = /\-([\d\w]+)\]/;
        for(var i=0,arr=[];i<tag.length;i++){
            if(tag[i].dataset[reg.exec(d)[1]]){
                arr.push(tag[i]);
            }
        }
        return arr;
    }
    // 自定义data选择器严格版
    function dataT(d){
        var tag = document.getElementsByTagName("*");
        var reg = /\[data\-([\w\d]+)\=([\w\d]+)/;
        for(var i=0,arr=[];i<tag.length;i++){
            if(tag[i].dataset[reg.exec(d)[1]]===reg.exec(d)[2]){
                arr.push(tag[i]);
            }
        }
        return arr;
    }
    // 如果是函数,将函数添加到load事件中
    if((typeof a[0])==="function"){
        window.addEventListener('load',a[0]);
    }else{
        len = a.length;
        str = a[0].charAt(0);
        sub = a[0].substring(1);
        dataReg = /\=/.test(a[0]);
        switch(str){
            case "#":
                return document.getElementById(sub);
                break;
            case ".":
                return classN(sub);
                break;
            case "[":
                switch(dataReg){
                    case false:
                        return data(a[0]);
                        break;
                    case true:
                        return dataT(a[0]);
                        break;
                }
                break;
            default:
                return document.getElementsByTagName(a[0]);
                break;
        }
    }
}

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery是一种常用的JavaScript库,可用于简化和优化JavaScript代码的编写。但是,对于IE 11这样的旧版本浏览,可能会遇到一些兼容性问题。为了模拟IE 11中的某些功能,我们可以使用一些方法来处理这些问题。 首先,可以使用条件注释来针对不同的IE版本做出不同的操作。通过检测浏览的版本,我们可以根据不同的情况使用不同的代码逻辑。比如,可以使用条件注释来加载IE 11专用的CSS或JavaScript文件。 其次,由于IE 11不支持一些现代的JavaScript特性和API,我们可以使用polyfill来模拟这些功能。Polyfill是一种代码块,用于在不支持某些功能的浏览中提供替代的实现。通过引入相关的Polyfill库,我们可以在IE 11中使用一些新的JavaScript特性。 另外,如果遇到一些与DOM操作相关的问题,可以使用jQuery的方法来解决。jQuery提供了一些特殊的语法和方法,可以简化和统一跨浏览的DOM操作。可以通过使用适当的选择和方法,来实现在IE 11中与其他现代浏览相同的DOM操作。 最后,还可以通过使用一些额外的插件来模拟IE 11中的一些特定功能。这些插件通常是由第三方开发者开发的,可以用于解决特定的浏览兼容性问题。可以根据具体情况选择适合的插件来模拟IE 11中的功能。 总而言之,通过使用条件注释、Polyfill、jQuery特有的语法和方法,以及额外的插件,我们可以模拟IE 11的一些特定功能,从而解决与兼容性相关的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值