querySelectorAll庫

Question

我有這樣的代碼：

(function (window, document, undefined) { 

    var g = function (sel) { 

    return { 

     selector: document.querySelector(sel), 

     on: function (evt, fn) { 
     if (this.selector) this.selector.addEventListener(evt, fn, false); 
     return this; 
     } 
    }; 
    }; 

    window.g = window._ = g; 

})(this, document); 

如何使用querySelectorAll代替querySelector在這種情況下，這樣我可以選擇多個元素。特別考慮到將會有多種方法，如on。我如何遍歷所有元素並將它們返回到它調用的方法。

Answer 1

selector: document.querySelectorAll(sel), 
on: function (evt, fn) { 
    if (this.selector) { 
     for (var i=0, len=this.selector.length; i < len; i++) 
      this.selector[i].addEventListener(evt, fn, false); 
    return this; 
} 

如果你不得不重新使用該循環的方法很多，只要創建一個包裝，像

selector: document.querySelectorAll(sel), 
forEach: function (codeToApply) { 
    for (var i=0, len=this.selector.length; i < len; i++) 
      codeToApply.call(this, this.selector[i]); 
}, 
on: function (evt, fn) { 
    if (this.selector) { 
     this.forEach(function (element) { 
      element.addEventListener(evt, fn, false); 
     } 
    return this; 
}