jSimple

An small experimental library inspired by jQuery, Solidjs and @github/catalyst. It can't be used in production as it is not fully typesafe, tested and robust.

Get started

To install the core library enter the following command:

npm install @jsimple/core

API

jSimple object

The jSimple object or its alias $ host every utils method.

import $ from "@jsimple/core"

$.select()

Accepts a css selector and returns an HTMLElement.

$.selectAll()

Accepts a css selector and returns an Array<HTMLElement>.

$.create()

Accepts HTML as a string and returns an HTMLCollection.

$.signal()

Creates a signal that returns a getter and a setter functions. Allows to create reactive values.

$.effect()

Allows to rerun code after a signal has been updated.

New javascript prototypes

Array.prototype.first

Retrieve the first element in an Array.

Array.prototype.last

Retrieve the last element in an Array.

NodeList.prototype.first

Retrieve the first element in a NodeList.

NodeList.prototype.last

Retrieve the last element in a NodeList.

HTMLElement.prototype.addClass

Add a class to an HTMLElement.

HTMLElement.prototype.removeClass

Remove a class to an HTMLElement.

HTMLElement.prototype.toggleClass

Toggle a class to an HTMLElement.

HTMLElement.prototype.html

Replace the content of an HTMLElement.

HTMLElement.prototype.empty

Empty the content of an HTMLElement.

HTMLElement.prototype.on

Attach an event listener to an HTMLElement.

HTMLElement.prototype.onClick

Attach an click event listener to an HTMLElement.