Element.prototype jQueryLike

usage

E();//boot one;
let log=function(ev){console.log(ev)};
fn.ce('label')
 .once('click mouseover',log)
 //.on('click mouseover',log)
 .ef('orange',log)
 .a2(document.body)
 .attr('title','xyz')
 .textContent='zzzzz'
;

.orange{
 color:orange;
 animation:x ease-in 10s; 
}
@keyframes x{
 0%{background-color:red}
 100%{background-color:orange}
}

core

;(function(root){
 /*v0.01 animation ok. but transiton the issue.*/
 let fn=root.fn||{}
 ,a='oTransitionEnd mozTransitionEnd webkitTransitionEnd transitionend'
 ,b='animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd'
 ,f=function(a,b){return function(ev){this.classList.remove(a);if(b)b(ev)}}
 ,f1=function(str){return str.split(' ').filter(d=>(d.trim().length!=0))}
 ;
 fn.r=(d=>d.parentNode.removeChild(d))
 fn.q=(s,doc=document)=>{return doc.querySelector(s)};
 fn.qa=(s,doc=document)=>{return [].slice.call(doc.querySelectorAll(s))}
 fn.ce=(d=>document.createElement(d))
 ;
 function entry(){
  root.fn=fn;
  var e=Element.prototype;
  e.on=function(a,b,c){ f1(a).map(d=>this.addEventListener(d,b,c));return this}
  e.off=function(a,b,c){ f1(a).map(d=>this.removeEventListener(d,b,c));return this}
  e.emit=function(a){ f1(a).map(d=>this.dispatchEvent(d));return this}
  e.once=function(a,b){this.on(a,b,{once:true});return this}
  e.one=e.once;
  e.a2 =function(p){p.appendChild(this);return this} //appendTo
  e.p2 =function(p){p.insertBefore(e.el,p.firstChild); return this} //prependTo
  e.as2 =function(p){p.parentNode.insertBefore(this,p.nextSibling);return this} //append siblingsTo
  e.ps2 =function(p){p.parentNode.insertBefore(this,p);return this} //prepend siblingsTo
  e.r=function(){return fn.r(this)}
  e.q=function(s){return fn.q(s,this)}
  e.qa=function(s){return fn.qa(s,this)}
  e.ce=function(s){return fn.ce(s,this)}
  //
  e.ac=function(a){f1(a).map(d=>this.classList.add(d));return this} 
  e.rc=function(a){f1(a).map(d=>this.classList.remove(d));return this}  
  e.attr=function(a,b){ if(b){ this.setAttribute(a,b);return this}else{return this.getAttribute(a)} }
  e.rattr=function(a){ this.removeAttribute(a);return this}
  /*v0.01 animation only*/
  e.ef=function(cls,caller){this.classList.add(cls);this.once(a+' '+b,f(cls,caller));return this}  
 }
 ;
 root.E=entry;
})(this);