Micro $ Selector

Micro $

var $ = function (d) {
  var $ = document.querySelectorAll.bind(document);

  Element.prototype.on = Element.prototype.addEventListener;
  
  NodeList.prototype.on = function (event, fn) {
    [].forEach.call(this, function (el) {
      el.on(event, fn, false);
    });
  };
  
  Element.prototype.trigger = function (type, data) {
    var event = document.createEvent('HTMLEvents');
    event.initEvent(type, true, true);
    event.data = data || {};
    event.eventName = type;
    this.dispatchEvent(event);
  };
  
  NodeList.prototype.trigger = function (event) {
    [].forEach.call(this, function (el) {
      el.trigger(event);
    });
  };
    
  return function (s) {
    var r = $(s);
    return r.length === 1 ? r[0] : r;
  };
}(document);