Minimal standalone JS library for DOM manipulation
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/nanojsyarn 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>addClass
animate
attr
css
cssdom
empty
eq
getAttr
html
insertAfter, insertBefore, insertFirst insertLast
offset
on
parent
removeAttr
removeClass
siblings
text
toggleClass
log