npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

jqx-es

v1.7.2

Published

JQuery alike with a few twists

Readme

[!NOTE] The listening to - and handling of events has been overhauled. This means that callbacks for event listeners now are always expected to have the signature[handler]({evt, [me|self]}). If you use [JQx].delegate or [JQx instance].on in your code, please review.

See also documentation

JQx

This module was inspired by the idea that some parts of JQuery are too good to ditch. JQx is not a replacement for JQuery. Consider it a set of JQuery alike ES/JS-methods to programmatically create, retrieve, modify, style and/or manipulate (collections of) HTML elements in a HTML document.

The code is written in a modular fashion and uses plain ES20xx, so not really (or really not, take your pick) suitable for older browsers.

Documentation/demo

Install/Import/Initialize

NPM

You can install this module from npm (package jqx-es). To create a HTML tree (DOM Object) server side you need a library like jsdom.

npm i jqx-es

There are two flavors of this library. One for scripts with type module (or projects with "type": "module" in package.json) and one for the browser.

For each flavor, the script is (bundled and) minified. The location of the minified scripts is https://kooiinc.codeberg.page/JQx/Bundle

ESM import

import $ from "https://kooiinc.codeberg.page/JQx/Bundle/jqx.min.js";
// or
const $ = ( await
  import("https://kooiinc.codeberg.page/JQx/Bundle/jqx.min.js")
).default;
$.div(`Hello JQx!`).appendTo(document.body);
// ...

Browser script

<script src="https://kooiinc.codeberg.page/JQx/Bundle/jqx.browser.min.js"></script>
<script>
  const $ = JQx.default;
  $.div(`Hello JQx!`).appendTo(document.body);
  // ...
</script>

[!NOTE] This repository was formerly known as JQL, residing on Github. The authorative code base for this module is now: @https://codeberg.org/KooiInc/JQx.

The NPM package is copied to a new package (see top link). The old NPM package will not be updated and discontinued in due time.

The latest JQL Github branch before this operation is preserved in ./Resource/JQL-last.

The Github JQL repository is renamed to JQx.

The CodeBerg repository will, until further notice, be synchronised to the Github repository.