Quick start

Clone the github repo git clone https://github.com/lineofapi/lineofjs-dom.git and under the dest folder, you can find the minified version of the lineofjs-dom. Add it to your HTML as you would add any JavaScript files.

Or use CDN link

<script src="https://cdn.jsdelivr.net/gh/lineofapi/lineofjs-dom@1.0.1/dest/lineof-dom.min.js"></script>

DOM methods

DOM methods makes DOM manipulation much easier.

const lineof = new Lineof();
const $ = lineof.dom;

• $([selector, function])
• .action(className)
• .addClass(className)
• .append([arugments])
• .attr(key, [value])
• .bind(event, callback)
• .children([includeTextNodes=false])
• .click(callback)
• .css(key, [value])
• .disable()
• .enable()
• .extend([arguments])
• .each(callback, [context])
• .filter(selector)
• .first()
• .get(index)
• .hide()
• .height([height])
• .href()
• .html([html])
• .isDisabled()
• .innerHeight()
• .innerWidth()
• .last()
• .offset()
• .on(event, callback)
• .parent()
• .parents()
• .prepend([arugments])
• .ready(function)
• .removeClass(className)
• .remove()
• .removeAttr(key)
• .show()
• .siblings()
• .src()
• .toggleClass(className)
• .text(s)
• .unbind(event)
• .val(value)
• .width([width])