SelectJs :JavaScript library

Note : Before start reading this page you should see this link (SelectJs DOM eventListener) for copmlete the all explantation.

Selecting DOM elements
select("e:mousedown","#event",showDate);
//Is equal to select("e:mousedown|false",#event",showDate); 
//"e:x|y"  x:event,y:(false or true) is a useCapture.

function showDate() {
  select("#demo").innerHTML = Date();
   var objectProperty={typeAnimation:"vibration",property:{transform:["scaleY"]},
from:1,to:2,duration:500};
animate(select("#demo"),objectProperty)();
}


select("e:mouseenter","#event1","#event2","#event3",showDate);
//Is equal to select("e:mouseenter|false","#event1","#event2","#event3",showDate); 
//"e:x|y"  x:event,y:(false or true) is a useCapture.

function showDate() {
this.style.background="green";
  select("#demo").innerHTML = Date();
   var objectProperty={typeAnimation:"vibration",property:{transform:["scaleY"]},
from:1,to:2,duration:500};
animate(select("#demo"),objectProperty)();
}

select("e:mousedown","#event1",showDate1,
"e:mouseenter","#event2",showDate2,
"e:click","#event3",showDate3,
"e:mouseleave","#event4",showDate4);
//Is equal to select("e:mousedown|false","#event1",showDate1,"e:mouseenter|false","#event2",showDate2,"e:click|false","#event3",showDate3,"e:mouseleave|false","#event4",showDate4);
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate1() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="green";}
function showDate2() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="blue";}
function showDate3() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="red";}
function showDate4() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="violet";}

select(".event","e:mousedown",0,"e:mouseenter",1,"e:click",2,"e:mouseleave",3,showDate);
//Is equal to select(".event","e:mousedown|false",0,"e:mouseenter|false",1,"e:click|false",2,"e:mouseleave|false",3,showDate);
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate() {
this.style.background="green";
  select("#demo").innerHTML = Date();
   var objectProperty={typeAnimation:"vibration",property:{transform:["scaleY"]},
from:1,to:2,duration:500};
animate(select("#demo"),objectProperty)();
}
select(".event","e:mousedown",0,"e:mouseenter",1,2,"e:mouseleave",3,showDate);
//Is equal to select(".event","e:mousedown|false",0,"e:mouseenter|false",1,"e:click|false",2,"e:mouseleave|false",3,showDate);
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate() {
this.style.background="green";
  select("#demo").innerHTML = Date();
   var objectProperty={typeAnimation:"vibration",property:{transform:["scaleY"]},
from:1,to:2,duration:500};
animate(select("#demo"),objectProperty)();
}
select(".event",
"e:mousedown",0,showDate1,
"e:mouseenter",1,showDate2,
"e:click",2,showDate3,
"e:mouseleave",3,showDate4);
//Is equal to select(".event","e:mousedown|false",0,showDate1,"e:mouseenter|false",1,showDate2,"e:click|false",2,showDate3,"e:mouseleave|false",3,showDate4);
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate1() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="green";}
function showDate2() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="blue";}
function showDate3() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="red";}
function showDate4() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="violet";}
select(".event","e:mousedown",0,showDate1,
".event","e:mouseenter",1,showDate2,
".event","e:click",2,showDate3,
".event","e:mouseleave",3,showDate4);
//Is equal to select(".event","e:mousedown|false",0,".event",showDate1,".event","e:mouseenter|false",1,showDate2,".event","e:click|false",2,showDate3,".event","e:mouseleave|false",3,showDate4);
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate1() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="green";}
function showDate2() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="blue";}
function showDate3() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="red";}
function showDate4() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="violet";}