https://github.com/nazmul-nhb/tiny-query-dom

TinyQuery - A lightweight and modern JavaScript library for minimal DOM manipulation and event handling, inspired by jQuery.
https://github.com/nazmul-nhb/tiny-query-dom

dom dom-manipulation miniquery selector

Last synced: 2 months ago
JSON representation

TinyQuery - A lightweight and modern JavaScript library for minimal DOM manipulation and event handling, inspired by jQuery.

• Host: GitHub
• URL: https://github.com/nazmul-nhb/tiny-query-dom
• Owner: nazmul-nhb
• Created: 2024-10-22T19:23:42.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T20:24:32.000Z (3 months ago)
• Last Synced: 2024-11-24T22:05:54.118Z (2 months ago)
• Topics: dom, dom-manipulation, miniquery, selector
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/tiny-query-dom
• Size: 124 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TinyQuery

A lightweight and modern JavaScript library for DOM manipulation and event handling, inspired by jQuery.

## Installation

```bash

npm install tiny-query-dom

```

```javascript

import { $ } from 'tiny-query-dom';

$("#test").on("click", () => {

    $("#subject")

        .toggle()

        .css({ color: "red", font: "32px bold" })

        .text("No Subject!");

});

```

## Features

- DOM Manipulation: text(), html(), val(), append(), prepend()

- Event Handling: on(), off(), trigger(), click()

- CSS Manipulation: css(), addClass(), removeClass(), toggleClass()

- Traversing: parent(), children()

- Form Handling: serialize()

- Chaining Methods

- Utility Functions: each()