Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mamedul/jdoms
An interactive Javascript library for DOM manipulations and most regulars functions related with DOM
https://github.com/mamedul/jdoms
development document dom events expressjs html javascript jsdom module nodejs window
Last synced: 27 days ago
JSON representation
An interactive Javascript library for DOM manipulations and most regulars functions related with DOM
- Host: GitHub
- URL: https://github.com/mamedul/jdoms
- Owner: mamedul
- License: mit
- Created: 2021-11-03T16:43:29.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-01-22T19:16:14.000Z (almost 3 years ago)
- Last Synced: 2024-11-15T05:26:05.518Z (about 2 months ago)
- Topics: development, document, dom, events, expressjs, html, javascript, jsdom, module, nodejs, window
- Language: JavaScript
- Homepage: https://mamedul.github.io/dev-projects/jdoms/
- Size: 144 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```
or
```html
```
Or you can use locally downloaded file in your HTML file-
```html
```
Then, you can use, like-
```html
//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");
```
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).