dsDOM vs jQuery Benchmark
Test Div
Click Me
Item 1
Item 2
{"ScriptPreparationCode":"/*your preparation JavaScript code goes here\r\nTo execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/\r\nasync function globalMeasureThatScriptPrepareFunction() {\r\n // This function is optional, feel free to remove it.\r\n // await someThing();\r\n}","TestCases":[{"Name":"JQuery Clone ","Code":"const div = $(\u0027\u003Cdiv class=\u0022new\u0022\u003EHello\u003C/div\u003E\u0027)\r\nconst div2 = div.clone()","IsDeferred":false},{"Name":"dsDOM Clone ","Code":"const div = new dsDOM(\u0027\u003Cdiv class=\u0022new\u0022\u003EHello\u003C/div\u003E\u0027)\r\nconst div2 = div.clone()","IsDeferred":false},{"Name":"dsDOM event","Code":"new dsDOM(\u0027#testButton\u0027).listen(\u0027click\u0027, null, () =\u003E dsCounter\u002B\u002B);","IsDeferred":false},{"Name":"jQuery event","Code":"$(\u0027#testButton\u0027).on(\u0027click\u0027, () =\u003E jQueryCounter\u002B\u002B);","IsDeferred":false},{"Name":"dsDOM add Single class","Code":"new dsDOM(\u0027#testDiv\u0027).addClass(\u0027highlight\u0027);","IsDeferred":false},{"Name":"jQuery add Single class","Code":"$(\u0027#testDiv\u0027).addClass(\u0027highlight\u0027);","IsDeferred":false},{"Name":"dsDOM add Multiple classes","Code":"new dsDOM(\u0027.item\u0027).addClass(\u0027active\u0027, \u0027selected\u0027); ","IsDeferred":false},{"Name":"jQuery add Multiple classes","Code":"$(\u0027.item\u0027).addClass(\u0027active selected\u0027);","IsDeferred":false},{"Name":"dsDOM selection","Code":"const dsSelection = new dsDOM(\u0027.item\u0027).elements;","IsDeferred":false},{"Name":"Jquery selection","Code":"const jQuerySelection = $(\u0027.item\u0027);","IsDeferred":false},{"Name":"dsDOM remove element","Code":"new dsDOM(\u0027.item:first-child\u0027).remove();","IsDeferred":false},{"Name":"Jquery remove element","Code":"$(\u0027.item:first-child\u0027).remove();","IsDeferred":false},{"Name":"dsDOM CSS Manipulation","Code":"new dsDOM(\u0027#testDiv\u0027).css({color: \u0027red\u0027, fontSize: \u002720px\u0027});","IsDeferred":false},{"Name":"Jquery CSS Manipulation","Code":"$(\u0027#testDiv\u0027).css({color: \u0027red\u0027, \u0027font-size\u0027: \u002720px\u0027});","IsDeferred":false}]}