Build a small DOM manipulation library that exposes a jQuery-like API.
Unit tests have been provided. They are written with the QUnit testing
framework, and you can run them from the command line (see below), or by
visiting the test/index.html
file from a browser. To complete this task,
get all the tests to pass!
You'll need Node.js (http://nodejs.org) and Grunt (http://gruntjs.com) if you want to lint your code and run the tests from the command line.
Select DOM elements:
var elems1 = $$(".selector #string > .here");
var elems2 = tQuery(".selector #string > .here");
Array-like API:
var spans = $$("span");
spans.length; // Number, eg. 4
spans[0]; // DOM element
spans[3]; // DOM element
spans[4]; // undefined
Optional context
specified as a second argument:
var elems = $$(".bob", document.getElementById("bocoup"));
Iteration over selection:
$$("div").forEach(function(elem, idx) {
console.log("Element #" + idx + " in this selection: ", elem);
});