Basic jQuery functions

gistfile1.txt

Element.prototype.attr = function(name, value) {
  if (typeof value === 'undefined') {
    return this.getAttribute(name);
  }
  return this.setAttribute(name, value);
};

Element.prototype.val = function(value) {
  if (typeof value === 'undefined') {
    return this.value;
  }
  return (this.value = value);
};

Element.prototype.css = function(name, value) {
  if (typeof value === 'undefined') {
    if (typeof name === 'object') {
      var css =  name;
      Object.keys(css).forEach(function(name){
        this.style[name] = css[name];
      }.bind(this));
      return this.style;
    }
    return this.style[name];
  }
  return (this.style[name] = value);
};

Element.prototype.click = function(handler) {
  return this.addEventListener('click', handler);
};

Element.prototype.on = function(event, handler) {
  return this.addEventListener(event, handler);
};

var $ = function(selector) {
  return document.querySelector(selector);
}