clus v1.1.2

Clus - A minimalist JavaScript library for modern browsers.

Emoji Commit

Example:

":art: fixing coding standard"

Usage

Install

$ npm i clus --save
# or
$ bower i clus

Instance methods

• .ready()
• .addClass()
• .removeClass()
• .hasClass()
• .toggleClass()
• .append()
• .appendTo()
• .parent()
• .parents()
• $.each()
• .each()
• $.map()
• .map()
• .on()
• .off()

DOM

$(document).ready()

$(document).ready(function () {
    // DOM is ready
});

// or

$(function () {
    // DOM is ready
});

.addClass(clasNname)

Example:

$('.hello').addClass('world');
$('p').addClass('hello world');
// or
$('p').addClass('hello').addClass('world');

.removeClass(clasNname)

Example:

$('.hello').removeClass('hello').addClass('hi');
$('p').addClass('hello world').removeClass('hello world');
// or
$('p').addClass('hello world').removeClass('hello').removeClass('world');

.hasClass(clasNname)

Example:

$('p').hasClass('hello'); // true
$('p').hasClass('world'); // false

.toggleClass(clasNname)

Example:

$('p').toggleClass('hello');

.append(DOMString)

Example:

$('body').append('<h1>Hello Clus</h1>');

.appendTo(selector)

Example:

$('<h1>Hello Clus</h1>').appendTo('body');

.parent()

Example:

$('.hello').parent();

.parents()

Example:

$('.hello').parents();
$('.hello').parents('body');

$.each()

Example:

$.each(['just', 'hello', 'world'], function (item, index) {
    console.log(item, index);
});
// just 0
// hello 1
// world 2

.each()

Example:

$('.hello').each(function (item, index) {
    $(this).addClass('world');
    console.log($(this));
});

$.map()

Example:

$.map(['just', 'hello', 'world'], function (item, index) {
    console.log(item, index);
});
// just 0
// hello 1
// world 2

.map()

Example:

$('.hello').map(function (item, index) {
    $(this).addClass('world');
    console.log($(this));
});

.on()

Example:

$('.hello').on('click', function () {
    console.log($(this));
});

$(document).on('click', '.hello', function () {
    console.log($(this));
});

.off()

Example:

let hello = function () {
    console.log('hello');
}
$(document).on('click', '.hello', hello);
$(document).off('click', '.hello', hello);