Awesome
A minimal DOM Library built on top of prime.
Overview
// require elements
var $ = require('elements');
// require elements utilities
var ready = require('elements/domready');
var zen = require('elements/zen');
// do this on domready
ready(function() {
// create an element with css syntax
var element = zen('div#someID.className');
// add text and insert into body
element.text('read the documentation').insert(document.body);
// add an event listener for click
element.on('click', function() {
console.log('clicked!');
});
var document = $(document);
// find the element in the dom, it's the same elements instance!
if (document.find('div#someID.className') === element) {
console.log('success!');
}
// delegate click, because delegation is best
document.delegate('click', 'div#someID', function() {
console.log('delegation is nice');
});
// finally add a class name
element.addClass('className2');
});
When all else fails, read the full documentation.