valentinvichnal / lightquery

Lightweight DOM manipulation library - 3kb only

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

lightquery

Lightweight dom manipulation library (IE9+) - 3kb only

npm i --save lightquery

Usage:

Include before the closing body tag:

<script src="lightquery.js"></script>

or require it from the npm module

var $ = require('lightquery');

API:

$()

This is the main selector and constructor for lightquery.

$(function)
$(selector)
$(node)
$(nodeList)
$(htmlString)

$.fn

You can add new methods to lightquery.

$.fn // => lightquery.prototype
$.fn.myMethod = function(){ }; // Create custom method

Display

$.addClass()

Add a class name to the selected elements.

$(selector).addClass(class)

$.removeClass()

Remove the class name from the selected elements.

$(selector).removeClass(class)

$.show()

Show the selected elements.

$(selector).show()

$.hide()

Hide the selected elements.

$(selector).hide()

$.append()

Append a child to the selected elements.

$(selector).append(node)

$.remove()

Remove a child from the selected elements.

$(selector).remove(node)

HTML

$.val()

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)

$.text()

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)

$.html()

Set the innerHTML for all selected elements.

$(selector).html(string)

Data

$.data()

Get the data-property value for the first selected element.

$(selector).data(property)

$.attr()

Set the selected elements data with the provided value.

$(selector).attr(property, value)

Event

$.on()

Register an event listener on the selected target elements.

$(selector).on(eventName, targets, handler)

$.trigger()

Trigger an event on the selected elements.

$(selector).attr(eventName)

Utilities

$.each()

Iterates through the selected elements and calls the callback on each.

$(selector).each(callback)

$.first()

Returns the first element in the selected elements.

$(selector).first()

$.eq()

Returns the element from the selected elements on the given position.

$(selector).eq(position)

$.firstCallback()

Calls the callback on the first selected element.

$(selector).firstCallback(callback)

Credit

Aliaksandr Astashenkau - http://dfsq.info/site/read/writing-your-own-jquery

About

Lightweight DOM manipulation library - 3kb only

License:Apache License 2.0


Languages

Language:JavaScript 100.0%