Advertisement
neoxgeforce

mini jquery

May 27th, 2015
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function $(id){
  2.         var el = 'string' == typeof id
  3.           ? document.getElementById(id)
  4.           : id;
  5.  
  6.         el.on = function(event, fn){
  7.           if ('content loaded' == event) {
  8.             event = window.attachEvent ? "load" : "DOMContentLoaded";
  9.           }
  10.           el.addEventListener
  11.             ? el.addEventListener(event, fn, false)
  12.             : el.attachEvent("on" + event, fn);
  13.         };
  14.  
  15.         el.all = function(selector){
  16.           return $(el.querySelectorAll(selector));
  17.         };
  18.  
  19.         el.each = function(fn){
  20.           for (var i = 0, len = el.length; i < len; ++i) {
  21.             fn($(el[i]), i);
  22.           }
  23.         };
  24.  
  25.         el.getClasses = function(){
  26.           return this.getAttribute('class').split(/\s+/);
  27.         };
  28.  
  29.         el.addClass = function(name){
  30.           var classes = this.getAttribute('class');
  31.           el.setAttribute('class', classes
  32.             ? classes + ' ' + name
  33.             : name);
  34.         };
  35.  
  36.         el.removeClass = function(name){
  37.           var classes = this.getClasses().filter(function(curr){
  38.             return curr != name;
  39.           });
  40.           this.setAttribute('class', classes.join(' '));
  41.         };
  42.  
  43.         return el;
  44.       }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement