Guest User

Makeshift Jquery to practice chain functions

a guest
Aug 12th, 2019
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //My makeshift Jquery for some reason
  2.  
  3. var $ = function(selector) {
  4.   var el;
  5.  
  6.   var obj = {
  7.     getEl(selector) {
  8.       if (el) return el;
  9.       return document.querySelector(selector);
  10.     },
  11.     addClass(className) {
  12.       el.classList.add(className);
  13.       return this;
  14.     },
  15.     removeClass(className) {
  16.       el.classList.remove(className);
  17.       return this;
  18.     },
  19.     append(b) {
  20.  var newcontent = document.createElement('div');
  21.     newcontent.innerHTML = b;
  22.  
  23.     while (newcontent.firstChild) {
  24.         el.appendChild(newcontent.firstChild);
  25.     }
  26. },
  27.  
  28.     remove() {
  29.     // Removes an element from the document
  30.      el.parentNode.removeChild(el);
  31. },
  32.  
  33.    before(c) {
  34. var parent = el.parentNode;
  35. var helper = document.createElement('div');
  36. helper.innerHTML = c;
  37. while (helper.firstChild) {
  38.     parent.insertBefore(helper.firstChild, el);
  39. }},
  40.  
  41.    after(d) {
  42. var parent = el.parentNode;
  43. var helper = document.createElement('div');
  44. helper.innerHTML = d;
  45. while (helper.firstChild) {
  46.     parent.insertBefore(helper.firstChild, el.nextSibling);
  47. }}
  48.  
  49.  
  50.  
  51.   };
  52.  
  53.   el = obj.getEl(selector);
  54.   return obj;
  55. };
Add Comment
Please, Sign In to add comment