我有以下代码：
(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。如何遍历所有元素并将它们返回给它调用的方法。
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;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句