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; 
}