Skip to content

AkaraChen/nashi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ Nashi

The modern jQuery alternative.

Playground

StackBlitz CodeSandbox

Motivation

Write this:

nashi('p').text('hello').addClass('foo').toggleClass('bar');

Not that:

const p = document.querySelectorAll('p');
for (const item of p) {
    p.innerText = 'hello';
    p.classList.add('foo');
    p.classList.toggle('bar');
}

Get started

pnpm add @akrc/nashi
yarn add @akrc/nashi
npm install @akrc/nashi
import nashi from '@akrc/nashi';

const body = nashi('body');
const p = nashi
    .create('p')
    .text('Hello, World')
    .class('text-lg')
    .id('greet')
    .click(() => console.log('Hello'));
body.firstChild(p);

And see documention

Community

See Nashi awesome

About

๐Ÿ The modern jQuery alternative.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published