jDoms

An interactive Javascript library for DOM manipulations and most regulars functions related with DOM

Features

• Major browsers compatible ( like* Chrome, Firefox, Opera, Safari, Microsoft Edge, IE>=9 etc )

• NodeJS compatible

• Easy to use and short coding

• Small sizes (less than 49KB)

• Powerful DOM selector

• Easy and powerful DOM manipulation functions

• Event Listener and Event Remover

• Event Trigger

• Ajax function with customizable and event catchers

• URL Parser, Date Parser, HTML Parser, JSON Parser, XML Parser

• Most regular functions

  • Type Checker ( String, Array, Int, Object, JSON, Empty )

  • Document Ready function

  • Size(Length) Checker (All type of variables)

  • Trim (Object, Array, String in one function)

  • Merge (Object and Array)

  • Unique (Array, String and Number in one function)

  • Encode String

  • DecodeString

  • Encode Base64 data

  • Decode Base64 data

  • Stringify

  • Delay

  • Set Cookie

  • Get Cookie

  • Remove Cookie

  • Geo Location

Installations and Usage

jDoms is available on npmjs (using semantic versioning), and can install via npm command.

npm install jdoms

or

npm i jdoms

or

npm save jdoms

Or you can use CDN in your HTML file-

<script src="https://cdn.jsdelivr.net/npm/jdoms@1.1.0/src/jdoms-v1.1.0.min.js""></script>

or

<script src="https://cdn.jsdelivr.net/npm/jdoms@1.1.0/src/jdoms-v1.1.0.min.js""></script>

Or you can use locally downloaded file in your HTML file-

<script src="./pathname/src/jdoms-v1.1.0.min.js"></script>

Then, you can use, like-

<script>

//select all 'div' tags and add class 'active'
jDoms("div").addClass("active");

//select all 'div' tags and add 'click' type event with handler function
jDoms("div").addEvent("click", function(evt){
  //alert('event triggered');
  jDoms(evt.target).style('background-color', 'red');
});

//select first 'span' tags and add set HTML 'myhtml'
//jDoms("span").domIndex(0).setHtml("myhtml");
jDoms("span:first-child").setHtml("myhtml");

</script>

To work with Node(for testing purpose), it requires jsdom.

const { JSDOM } = require( "jsdom" );
const { window } = new JSDOM( "" );
const jDoms = require( "jdoms" )( window );

Documentation

Check the documentations here.

License

jDoms javascript library is Licensed under the MIT license.

Contributing

The library is developed by MAMEDUL ISLAM.