{"ScriptPreparationCode":"var JSPreSelectedElement = document.getElementById(\u0022foo\u0022);\r\nvar JQueryPreSelectedElement = $(\u0022#foo\u0022);\r\nvar JSParentElement = document.getElementById(\u0022parentElement\u0022);\r\nvar JQueryParentElement = $(\u0022#parentElement\u0022);\r\nvar JSSubElements = document.getElementsByTagName(\u0022p\u0022);\r\nvar JQuerySubElements = $(\u0022p\u0022);","TestCases":[{"Name":"Select Element by ID - Javascript","Code":"var el = document.getElementById(\u0022foo\u0022);","IsDeferred":false},{"Name":"Change CSS - jQuery","Code":"JQueryPreSelectedElement.css(\u0022display\u0022, \u0022none\u0022);\r\nJQueryPreSelectedElement.css(\u0022display\u0022, \u0022\u0022);","IsDeferred":false},{"Name":"Change CSS - Javascript","Code":"JSPreSelectedElement.style.display = \u0022none\u0022;\r\nJSPreSelectedElement.style.display = \u0022\u0022;","IsDeferred":false},{"Name":"Select Element by ID - jQuery","Code":"var el = $(\u0022#foo\u0022);","IsDeferred":false},{"Name":"Change inner text - Javascript","Code":"JSPreSelectedElement.textContent = \u0022New Hello World\u0022;","IsDeferred":false},{"Name":"Change inner text - jQuery","Code":"JQueryPreSelectedElement.text(\u0022New Hello World\u0022);","IsDeferred":false},{"Name":"Get element by tag name - Javascript","Code":"var el = document.getElementsByTagName(\u0022div\u0022);","IsDeferred":false},{"Name":"Get element by tag name - jQuery","Code":"var el = $(\u0022div\u0022);","IsDeferred":false},{"Name":"Get element by name - Javascript","Code":"var el = document.querySelector(\u0022[name=\u0027bar\u0027]\u0022);","IsDeferred":false},{"Name":"Get element by name - jQuery","Code":"var el = $(\u0022[name=\u0027bar\u0027]\u0022);","IsDeferred":false},{"Name":"Get element by existing attribute - Javascript","Code":"var el = document.querySelector(\u0022[element1]\u0022);","IsDeferred":false},{"Name":"Get element by existing attribute - jQuery","Code":"var el = $(\u0022[element1]\u0022);","IsDeferred":false},{"Name":"Get element by class name - Javascript","Code":"var el = document.getElementsByClassName(\u0022class1\u0022);","IsDeferred":false},{"Name":"Get element by class name - jQuery","Code":"var el = $(\u0022.class1\u0022);","IsDeferred":false},{"Name":"Select sub-element - Javascript","Code":"var el = JSParentElement.querySelector(\u0022#subElement9\u0022);","IsDeferred":false},{"Name":"Select sub-element - jQuery","Code":"var el = JQueryParentElement.find(\u0022#subElement9\u0022);","IsDeferred":false},{"Name":"Loop through elements - Javascript","Code":"var elementCount = 0;\r\nfor (var i = 0; i \u003C JSSubElements.length; i\u002B\u002B)\r\n{\r\n JSSubElements[i].textContent = \u0022New Test\u0022;\r\n}","IsDeferred":false},{"Name":"Loop through elements - jQuery","Code":"var elementCount = 0;\r\nJQuerySubElements.each(function () {\r\n $(this).text(\u0022New Test\u0022);\r\n});","IsDeferred":false},{"Name":"Add and remove Element - Javascript","Code":"var newEl = document.createElement(\u0022div\u0022);\r\nJSPreSelectedElement.appendChild(newEl);\r\nJSPreSelectedElement.removeChild(newEl);","IsDeferred":false},{"Name":"Add and remove Element - jQuery","Code":"var newEl = $(\u0022\u003Cdiv\u003E\u003C/div\u003E\u0022);\r\nJQueryPreSelectedElement.append(newEl);\r\nnewEl.remove();","IsDeferred":false},{"Name":"Add and Remove Class - Javascript","Code":"JSPreSelectedElement.classList.add(\u0022testClass\u0022);\r\nJSPreSelectedElement.classList.remove(\u0022testClass\u0022);","IsDeferred":false},{"Name":"Add and Remove Class - jQuery","Code":"JQueryPreSelectedElement.addClass(\u0022testClass\u0022);\r\nJQueryPreSelectedElement.removeClass(\u0022testClass\u0022);","IsDeferred":false}],"UseTinyBench":false}