ares-dom

Minimal vanillaJS library for jQUery-like DOM manipulaiton

Usage no npm install needed!

<script type="module">
  import aresDom from 'https://cdn.skypack.dev/ares-dom';
</script>

README

Ares.js

Minimal standalone JS library for DOM manipulation

License MIT

aresDOM is around 100 lines of code (0.6 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');
//time, scale, rotate, rotateX, rotateY, translateX, translateY, skewX, skewY, opacity

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

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

})

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

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

You can use npm or yarn:

npm i aresDOM
yarn add aresDOM

Utils:

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