example1.html jDoms.js - Live Examples

jDoms.js Live Demo

Interactive examples showcasing the power of jDoms.

1. DOM Manipulation

Dynamically add, style, and modify elements.

2. CSS & Classes

Directly change styles and toggle CSS classes.

Style me!

3. Event Delegation

Click 'Add Box'. New boxes are clickable thanks to event delegation.

Box 1

4. DOM Traversal

Click on the "Start Here" box, then use the buttons.

Level 1
Level 2
Level 3 (Special)
Start Here

5. AJAX Requests

Fetch user data from a public API using `jDoms.ajax()`.

Click to load user...

6. Form Handling

7. Animation with `jDoms.delay`

Run a simple animation sequence.

8. Utility Functions

Example of `jDoms.unique()` utility to filter an array.

Original: [1, 2, 'a', 2, 3, 'b', 'a']
Unique: