欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡單封裝js的dom查詢實(shí)例代碼

 更新時間：2016年07月08日 10:58:13   投稿：jingxian  
下面小編就為大家?guī)硪黄唵畏庋bjs的dom查詢實(shí)例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

最近一直在啃犀牛書，有感，于是寫了個簡單的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); 
    }
  }

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

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

相關(guān)文章

  • javascript簡化代碼 A=alert w=document.writeln

    javascript簡化代碼 A=alert w=document.writeln

    建議不要這樣寫代碼,考慮以后的修改才是最重要的,代碼分層.多把一個功能寫成一個js代碼或一個類,然后提供接口,這種寫法代碼會更多,速度也更慢,但人人都推薦這樣寫,是因?yàn)檫@樣子維護(hù)方便.而程序不可能一次性寫得完美的,永遠(yuǎn)都可以改進(jìn)
    2008-02-02
  • js調(diào)試系列 源碼定位與調(diào)試[基礎(chǔ)篇]

    js調(diào)試系列 源碼定位與調(diào)試[基礎(chǔ)篇]

    如果看了1, 2兩篇，你對控制臺應(yīng)該有一個初步了解了，今天我們來個簡單的調(diào)試。昨天留的三個課后練習(xí)，差不多就是今天要講的內(nèi)容
    2014-06-06
  • JS 判斷某變量是否為某數(shù)組中的一個值的3種方法(總結(jié))

    JS 判斷某變量是否為某數(shù)組中的一個值的3種方法(總結(jié))

    下面小編就為大家?guī)硪黄狫S 判斷某變量是否為某數(shù)組中的一個值的3種方法(總結(jié))。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • 關(guān)于javaScript注冊click事件傳遞參數(shù)的不成功問題

    關(guān)于javaScript注冊click事件傳遞參數(shù)的不成功問題

    在javaScript中給一個html元素注冊click事件處理函數(shù)時，比如給該處理函數(shù)傳3個參數(shù)?？墒遣还苁鞘褂孟旅婺欠N方式都不能給事件處理函數(shù)傳遞參數(shù)
    2014-07-07
  • 一文帶你搞懂JS中導(dǎo)入模塊import和require的區(qū)別

    一文帶你搞懂JS中導(dǎo)入模塊import和require的區(qū)別

    JavaScript中，模塊是一種可重用的代碼塊，它將一些代碼打包成一個單獨(dú)的單元，并且可以在其他代碼中進(jìn)行導(dǎo)入和使用。JavaScript中有兩種常用的方式：使用import和require，本文主要聊聊他們二者的區(qū)別
    2023-03-03
  • JavaScript類數(shù)組對象轉(zhuǎn)換為數(shù)組對象的方法實(shí)例分析

    JavaScript類數(shù)組對象轉(zhuǎn)換為數(shù)組對象的方法實(shí)例分析

    這篇文章主要介紹了JavaScript類數(shù)組對象轉(zhuǎn)換為數(shù)組對象的方法,結(jié)合實(shí)例形式分析了javascript類數(shù)組對象的功能,以及類數(shù)組對象轉(zhuǎn)換為數(shù)組對象的相關(guān)方法與實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2018-07-07
  • 微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟

    微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • JS中關(guān)于正則的巧妙操作

    JS中關(guān)于正則的巧妙操作

    本文通過實(shí)例代碼給大家介紹了javascript中關(guān)于正則表達(dá)式的巧妙操作技巧，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
    2017-08-08
  • yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法

    yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法

    很多時候，需要對Yii表單model中的對象設(shè)置的rules進(jìn)行判斷，但是有的時候可能需要在提交之前就在客戶端進(jìn)行驗(yàn)證。怎么處理呢？接下來通過本文給大家分享yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法，需要的的朋友參考下
    2017-03-03
  • JavaScript獲取頁面上被選中文字的方法技巧

    JavaScript獲取頁面上被選中文字的方法技巧

    這篇文章主要介紹了JavaScript獲取頁面上被選中文字的方法技巧,本文直接給出實(shí)現(xiàn)代碼和運(yùn)行效果,需要的朋友可以參考下
    2015-03-03

最新評論