NoJQuery

Used for personal projects/simple apps with little DOM interactions.

Live Demo

Minified version: 6kb

Gziped version: 2kb

Implementation :

UMD ready. It can be loaded via AMD, CommonJs and as global namespace.

AMD

define(['nojquery'], function(NoJQuery){
    var $$ = NoJQuery;
});

CommonJS

var $$ = require('nojquery');

Global namespace

var $$ = window.NoJQuery;

API

find :

var result = $$('selector').find('child-element');
console.log(result.elmts[0]);

addClass :

$$('selector').addClass('some-class');

hasClass :

var bool = $$('selector').hasClass('some-class');
console.log(bool);

removeClass :

$$('selector').removeClass('some-class');

contains :

var result = $$('selector').contains('some-selector');
console.log(result);

empty :

$$('selector').empty();

text :

$$('selector').text('Hello');

html :

$$('selector').html('<a href="/" > Link </a>');

getAttr :

var result = $$('selector').getAttr('attrName');
console.log(result);

setAttr :

$$('selector').setAttr('readonly', 1);

removeAttr :

$$('selector').removeAttr('readonly');

remove :

$$('selector').remove();

next :

var result = $$('selector').next();
console.log(result.elmts[0]);

prev :

var result = $$('selector').prev();
console.log(result.elmts[0]);

append :

$$('selector').append('<div>Hello</div>');
$$('selector').append($$('selector-elmt'));

prepend :

$$('selector').prepend('<div>Hello</div>');
$$('selector').prepend($$('selector-elmt'));

on :

function onButtonClick(evt) {
    console.log('click', evt.currentTarget);
};
$$('selector').on('click', onButtonClick);

off :

$$('selector').off('click', onButtonClick);