$ = 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); 
    }
  }

這樣一實現(xiàn)，以后調用id時，只需 $('#idname'),class時$('.classname')，TagName和Name都是做了個簡單的判斷，都是直接傳 $('name')，我試了下，感覺還可以。

以上這篇簡單封裝js的dom查詢實例代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

javascript簡化代碼 A=alert w=document.writeln
建議不要這樣寫代碼,考慮以后的修改才是最重要的,代碼分層.多把一個功能寫成一個js代碼或一個類,然后提供接口,這種寫法代碼會更多,速度也更慢,但人人都推薦這樣寫,是因為這樣子維護方便.而程序不可能一次性寫得完美的,永遠都可以改進
2008-02-02
js調試系列源碼定位與調試[基礎篇]
如果看了1, 2兩篇，你對控制臺應該有一個初步了解了，今天我們來個簡單的調試。昨天留的三個課后練習，差不多就是今天要講的內容
2014-06-06
JS 判斷某變量是否為某數(shù)組中的一個值的3種方法(總結)
下面小編就為大家?guī)硪黄狫S 判斷某變量是否為某數(shù)組中的一個值的3種方法(總結)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
關于javaScript注冊click事件傳遞參數(shù)的不成功問題
在javaScript中給一個html元素注冊click事件處理函數(shù)時，比如給該處理函數(shù)傳3個參數(shù)?？墒遣还苁鞘褂孟旅婺欠N方式都不能給事件處理函數(shù)傳遞參數(shù)
2014-07-07
一文帶你搞懂JS中導入模塊import和require的區(qū)別
JavaScript中，模塊是一種可重用的代碼塊，它將一些代碼打包成一個單獨的單元，并且可以在其他代碼中進行導入和使用。JavaScript中有兩種常用的方式：使用import和require，本文主要聊聊他們二者的區(qū)別
2023-03-03
JavaScript類數(shù)組對象轉換為數(shù)組對象的方法實例分析
這篇文章主要介紹了JavaScript類數(shù)組對象轉換為數(shù)組對象的方法,結合實例形式分析了javascript類數(shù)組對象的功能,以及類數(shù)組對象轉換為數(shù)組對象的相關方法與實現(xiàn)技巧,需要的朋友可以參考下
2018-07-07
微信小程序實現(xiàn)導航功能的操作步驟
這篇文章主要給大家介紹了關于微信小程序實現(xiàn)導航功能的操作步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-03-03
JS中關于正則的巧妙操作
本文通過實例代碼給大家介紹了javascript中關于正則表達式的巧妙操作技巧，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
2017-08-08
yii form 表單提交之前JS在提交按鈕的驗證方法
很多時候，需要對Yii表單model中的對象設置的rules進行判斷，但是有的時候可能需要在提交之前就在客戶端進行驗證。怎么處理呢？接下來通過本文給大家分享yii form 表單提交之前JS在提交按鈕的驗證方法，需要的的朋友參考下
2017-03-03
JavaScript獲取頁面上被選中文字的方法技巧
這篇文章主要介紹了JavaScript獲取頁面上被選中文字的方法技巧,本文直接給出實現(xiàn)代碼和運行效果,需要的朋友可以參考下
2015-03-03