Lightweight dom manipulation library (IE9+) - 3kb only
npm i --save lightquery
Include before the closing body tag:
<script src="lightquery.js"></script>
or require it from the npm module
var $ = require('lightquery');
This is the main selector and constructor for lightquery.
$(function)
$(selector)
$(node)
$(nodeList)
$(htmlString)
You can add new methods to lightquery.
$.fn // => lightquery.prototype
$.fn.myMethod = function(){ }; // Create custom method
Add a class name to the selected elements.
$(selector).addClass(class)
Remove the class name from the selected elements.
$(selector).removeClass(class)
Show the selected elements.
$(selector).show()
Hide the selected elements.
$(selector).hide()
Append a child to the selected elements.
$(selector).append(node)
Remove a child from the selected elements.
$(selector).remove(node)
Get back the value of the first selected element.
$(selector).val()
If called with a parameter, set the value to this for all selected elements.
$(selector).val(value)
Get back the innerText of the first selected element.
$(selector).text()
If called with a parameter, set the innerText to this for all selected elements.
$(selector).text(string)
Set the innerHTML for all selected elements.
$(selector).html(string)
Get the data-property value for the first selected element.
$(selector).data(property)
Set the selected elements data with the provided value.
$(selector).attr(property, value)
Register an event listener on the selected target elements.
$(selector).on(eventName, targets, handler)
Trigger an event on the selected elements.
$(selector).attr(eventName)
Iterates through the selected elements and calls the callback on each.
$(selector).each(callback)
Returns the first element in the selected elements.
$(selector).first()
Returns the element from the selected elements on the given position.
$(selector).eq(position)
Calls the callback on the first selected element.
$(selector).firstCallback(callback)
Aliaksandr Astashenkau - http://dfsq.info/site/read/writing-your-own-jquery