Home

• Overview
• Welcome to the jBase Documentation
• 🚀 Getting Started
• 📚 API Reference
  • 🌲 DOM & UI
  • ⚡ Interaction & Effects
  • 🌐 Network
  • 🛠 Data Utilities
• 🖥️ Server-Side Rendering (SSR) & Node.js
  • 1. Install JSDOM (Optional Peer Dependency)
  • 2. Bind to a Virtual Window
• 🤝 Contributing & Support

A-Z Index

A

• .add
  • $.data.add (Array)
  • $.data.add (Object)
• .addClass
• .after
• .all
  • $.data.find.all (Array)
  • $.data.find.all (Object)
  • $.data.remove.all (Array)
  • $.data.remove.all (Object)
• .append
• .appendTo
• .animate
• .at
  • $.data.find.at (Array)
  • $.data.find.at (Object)
  • $.data.remove.at (Array)
  • $.data.remove.at (Object)
• .attr

B

• .before
• .blur
• .byKey
  • $.data.remove.byKey (Array)
  • $.data.remove.byKey (Object)
• .byValue
  • $.data.remove.byValue (Array)
  • $.data.remove.byValue (Object)
• .byMatch
  • $.data.find.byMatch (Array)
  • $.data.find.byMatch (Object)
  • $.data.remove.byMatch (Array)
  • $.data.remove.byMatch (Object)

C

• .change
• .check
• .checked
• .children
• .chunk
  • $.data.chunk (Array)
  • $.data.chunk (Object)
• .clear
  • $.data.clear (Array)
  • $.data.clear (Object)
• .click
• .closest
• .create
• .css
• CSS Classes & Styles

D

• .dblclick
• .disable
• .disabled
• .descendants
• .descendantsUntil
• .data
  • $.data (Arrays)
  • $.data (Objects)
• $.debounce
• DATA Utilities (Arrays)
• DATA Utilities (Objects)
• DOM Attributes
• DOM Content
• DOM Manipulation
• DOM States
• DOM Traversal

E

• .empty
  • .empty
  • $.data.empty (Array)
  • $.data.empty (Object)
• .enable
• .escape
• .eq
• $.each
• EFFECTS Animate
• EFFECTS Fade
• EFFECTS Slide (horizontal)
• EFFECTS Slide (vertical)
• EVENTS Bindings
• EVENTS Form
• EVENTS Keyboard
• EVENTS Lifecycle
• EVENTS Mouse
• EVENTS Touch

F

• .fadeIn
• .fadeOut
• .fadeToggle
• .find
  • .at
    • $.data.find.at (Array)
    • $.data.find.at (Objects)
    • $.data.remove.at (Array)
    • $.data.remove.at (Objects)
  • .all
    • $.data.find.all (Array)
    • $.data.find.all (Objects)
  • .first
    • $.data.find.first (Array)
    • $.data.find.first (Objects)
  • .last
    • $.data.find.last (Array)
    • $.data.find.last (Objects)
  • .byMatch
    • $.data.find.byMatch (Array)
    • $.data.find.byMatch (Objects)
  • .key
    • $.data.find.key (Array)
    • $.data.find.key (Objects)
  • .value
    • $.data.find.value (Array)
    • $.data.find.value (Objects)
• .first
  • .first
  • $.data.find.first (Array)
  • $.data.find.first (Objects)
  • $.data.remove.first (Array)
  • $.data.remove.first (Objects)
• .filterBy
• .findAll
• .focus

G

• .get
  • $.data.get (Array)
  • $.data.get (Object)
  • $.http.get
• .getText
  • $.http.getText

H

• .hasClass
• .hide
• .hover
• .html
• Home
• HTTP Requests

I

• .input
• .insertAfter
• .insertBefore
• Installation

K

• .key
  • $.data.find.key (Array)
  • $.data.find.key (Objects)
• .keydown
• .keypress
• .keyup

L

• .last
  • .last
  • $.data.find.last (Array)
  • $.data.find.last (Objects)
  • $.data.remove.last (Array)
  • $.data.remove.last (Objects)
• .load

M

• .merge
  • $.data.merge (Array)
  • $.data.merge (Object)
• .mergeArray
• .mergeObjects
• .mousedown
• .mouseenter
• .mouseleave
• .mousemove
• .mouseout
• .mouseover
• .mouseup

N

• .next
• .nextAll
• .nextSibling
• .nextUntil
• .not

O

• .off
• .omit
  • $.data.omit (Array)
  • $.data.omit (Object)
• .on
• .once

P

• .parent
• .parents
• .parentsUntil
• .pick
  • $.data.pick (Array)
  • $.data.pick (Object)
• .post
  • $.http.post
• .prepend
• .prependTo
• .pressedkey
• .prev
• .prevAll
• .prevSibling
• .prevUntil
• .prop

Q

• Quick Start

R

• .ready
• .remove
  • .remove
  • $.data.remove.all (Array)
  • $.data.remove.all (Object)
  • $.data.remove.at (Array)
  • $.data.remove.at (Object)
  • $.data.remove.byKey (Array)
  • $.data.remove.by.Key (Object)
  • $.data.remove.byMatch (Array)
  • $.data.remove.byMatch (Object)
  • $.data.remove.byValue (Array)
  • $.data.remove.byValue (Object)
  • $.data.remove.first (Array)
  • $.data.remove.first (Object)
  • $.data.remove.last (Array)
  • $.data.remove.last (Object)
• .removeAttr
• .removeClass
• .replaceWith
• .replaceWithClone

S

• .select
• .selected
• .set
  • $.data.set (Array)
  • $.data.set (Object)
• .show
• .sibling
• .siblings
• .slideDown
• .slideIn
• .slideOut
• .slideToggle
• .slideToggleBox
• .slideUp
• .submit
• .swipeDown
• .swipeLeft
• .swipeRight
• .swipeUp

T

• .text
• .toggleClass
• .trigger
• .toggle
• .touchcancel
• .touchend
• .touchmove
• .touchstart
• $.throttle
• The Frankenstein Chain

U

• .uncheck
• .unescape
• .unwrap
• .upload
• UTILITIES

V

• .val
• .value
  • $.data.find.value (Array)
  • $.data.find.value (Object)

W

• .wrap

$

• $.data (Array)
• $.data (Object)
• $.debounce
• $.each
• $.http
• $.throttle

CSS Classes & Styles

• .css
• .addClass
• .removeClass
• .toggleClass
• .hasClass

DATA Utilities (Arrays)

• .chunk
• .mergeArray (Alias: .merge)
• .add
• .clear (Alias: .empty)
• .pick
• .omit
• .get
• .set
• .remove.at
• .remove.first
• .remove.last
• .remove.byMatch
• .remove.byKey
• .remove.byValue
• .remove.all
• .find.at
• .find.all
• .find.first
• .find.last
• .find.byMatch
• .find.key
• .find.value

DATA Utilities (Objects)

• .chunk
• .mergeObjects (Alias: .merge)
• .add
• .clear (Alias: .empty)
• .pick
• .omit
• .get
• .set
• .remove.at
• .remove.first
• .remove.last
• .remove.byMatch
• .remove.byKey
• .remove.byValue
• .remove.all
• .find.at
• .find.all
• .find.first
• .find.last
• .find.byMatch
• .find.key
• .find.value

DOM Attributes

• .attr
• .val
• .removeattr
• .prop

DOM Content

• .html
• .text
• .load

DOM Manipulation

• .remove
• .empty
• .replaceWithClone
• .append
• .prepend
• .before
• .after
• .replaceWith
• .appendTo
• .prependTo
• .insertBefore
• .insertAfter
• .wrap
• .unwrap

DOM States

• .checked
• .selected
• .disabled
• .check
• .uncheck
• .select
• .disable
• .enable

DOM Traversal

• .closest
• .parent
• .children
• .findAll
• .descendants
• .parents
• .parentsUntil
• .descendantsUntil
• .next
• .prev
• .nextSibling
• .prevSibling
• .sibling
• .nextAll
• .prevAll
• .siblings
• .nextUntil
• .prevUntil
• .eq
• .first
• .last
• .filterBy
• .not

EFFECTS Fade

• .fadeIn (Alias: .show)
• .fadeOut (Alias: .hide)
• .fadeToggle (Alias: .toggle)

EFFECTS Slide (horizontal)

• .slideIn
• .slideOut
• .slideToggle

EFFECTS Slide (vertical)

• .slideDown
• .slideUp
• .slideToggleBox

EVENTS Bindings

• .on
• .off
• .once
• .trigger

EVENTS Form

• .submit
• .change
• .input
• .focus
• .blur

EVENTS Keyboard

• .keydown
• .keyup
• .keypress
• .pressedkey

EVENTS Lifecycle

• .ready

EVENTS Mouse

• .click
• .dblclick
• .mousedown
• .mouseup
• .mouseenter
• .mouseleave
• .mousemove
• .mouseover
• .mouseout
• .hover

EVENTS Touch

• .touchstart
• .touchend
• .touchmove
• .touchcancel
• .swipeLeft
• .swipeRight
• .swipeUp
• .swipeDown

HTTP Requests

• .get
• .getText
• .post
• .upload

Installation

• 1. Browser (Legacy / Static)
• 2. Node.js / Bundlers (Webpack, Vite, Rollup) coming soon

Quick Start

• 🚀 Quick Start Guide
• 1. Setup
• Option A: CDN / Static
• Option B: Node.js / Bundler
• 2. Basic DOM Manipulation
• 3. Handling Events
• 4. Working with Arrays & Data
• 5. Fetching Data (AJAX)
• What's Next?

The Frankenstein Chain

• 🧪 Advanced Recipe: The "Frankenstein" Chain
• The Code
• Why this is brilliant:

UTILITIES

• $.each
• $.throttle
• $.debounce