nanoJS

Minimal standalone JS library for DOM manipulation

<a href="https://vladocar.github.io/nanoJS/"><img src="logos/png/horizontal%20-%20logo/nano-logo.png"/></a>

nanoJS is around 100 lines of code (0.9 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

Syntax demos:

$(".someClass").css("background-color:green;").html("Hello World");

$('#c').animate('2.3', '1.2','0','1','1','0','0', '0','0','1').css('background-color:red').text('Hello');

$("#a").on("click", function(){

  $("#someDiv").css("background-color:green;color:#fff;");

})

You can find it here some basic examples. also the Mission & Philosophy of nanoJS

It works in IE9 and later. (some methods addClass, removeClass and toggleClass will not work in IE9)

Read more here:

https://vladocar.github.io/nanoJS/

or on my blog:

http://www.vcarrer.com/2018/05/nanojs-javascript-for-dom-manipulation.html

You can use direct download or:

npm i @vladocar/nanojs

yarn add @vladocar/nanojs

<script src="https://unpkg.com/@vladocar/nanojs@1.0.5/src/nanoJS.min.js"></script>

OR

<script src="https://cdn.jsdelivr.net/npm/@vladocar/nanojs/src/nanoJS.min.js"></script>

Utils:

addClass
animate
attr
css
cssdom
empty
eq
getAttr
html
insertAfter, insertBefore, insertFirst insertLast
offset
on
parent
removeAttr
removeClass
siblings
text
toggleClass
log