We have 1ms per loop vs 5ms per loop for jQuery

npm i geckojs

git clone https://github.com/BlobySoftware/GeckoJS.git

Base form: You can select one element, or list of elements with class

g("yourElement").event("yourEvent", () =>{
  //Do something ...
  
});

g(["yourEl1", "yourEl2", "yourEl3", "... etc"]).event("yourEvent", () =>{
  //Do something ...
  
});

You can select what element you want:

//If you want only one element of a list with classes

let number = 2;
g("class", number).event("yourEvent", () =>{
  //Do something ...
  
});

And you can select a range of a list with elements

//If you want to select a range: from first element to 7th element with '.class'

let limiter = 7;
g(".class", [limiter]).event("yourEvent", () =>{
  //Do something ...
  
});

Select a range of elements in a list with [Max, Min] or [Min, Max] it doesn't matter

//If you want to select a range: from 3th element to 8th element with '.class'

let min = 3, max = 8;

g(".class", [max, min]).event("yourEvent", () =>{
  //Do something ...
  
});

// OR

g(".class", [min, max]).event("yourEvent", () =>{
  //Do something ...
  
});

Example: 10 elements with '.class'

g(".class", [3, -2]).event("yourEvent", () =>{
  //Do something ...
  
}); //Return from 3th element to 9th element

let n = 3457;
n.toString(); //Returns "3457"
n.toArray(); //Returns [3, 4, 5, 7]
n.toObject(); //Returns {3:5,5:7}
n.toObject(true); //Returns {0:"3", 1:"5", 2:"5", 3:"7"}

let arry = ["g", "J", "S", "v.", 1];
arry.toString(); //Returns "gJSv.1"

let arry2 = ["3", 5, "1", 8];
arry2.toInt(); //Returns 3518

let arry3 = ["name", "gJS", "version", "1.0"];
arry3.toObject(); //Returns {name: "gJS", version: "1.0"}
arry3.toObject(true); //Returns {0: "name", 1: "gJS", 2:"version", 3:"1.0"}

let str = "1536";
str.toInt(); //Returns 1536
str.toArray(); //Returns [1, 5, 3, 6]
str.toObject(); //Returns {1: "5", 3: "6"}
str.toObject(true); //Returns {0: "1", 1: "5", 2:"3", 3:"6}

let obj = {name : "Gecko", type: "JavaScript"};
obj.toString() //Returns "name:Gecko, type:JavaScript";

let obj3 = {job : "Enginer", weight: "73kg"};
obj3.toArray() //Returns ["job", "Enginer", "weight", "73kg"];

You dont need to load all the stupid properties in one object, with GeckoJS you just load one method

g("#myEl").event("click", () =>{
  g("#child").find("strong").css("background:red");
});

All rights reserved

GeckoJs is developed by BlobySoftware®, GeckoJs use Minifit app to a better JavaScript code and compressions.