jdoms/README.md

jDoms is an interactive Javascript library for DOM manipulations and most regulars functions related with DOM.

# 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](https://www.npmjs.com/package/jdoms) (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-

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

```html
<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-

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



Then, you can use, like-

```html
<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](https://github.com/jsdom/jsdom).

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


## Documentation

Check the [documentations here.](https://github.com/mamedul/jdoms/wiki)



## License

jDoms javascript library is Licensed under the [MIT license](https://github.com/mamedul/jdoms/blob/master/LICENSE).



## Contributing

The library is developed by [MAMEDUL ISLAM](https://mamedul.github.io).