下面小编就为大家带来一篇简单封装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')，我试了下，感觉还可以。

以上这篇简单封装js的dom查询实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考