Quanter

A pure-JavaScript fast, CSS selector engine program to be easily select DOM-Elements.

Contribution Guides

In order to build Quanter, you should have Node.js/npm latest and git 1.6.3 or later (earlier versions might work OK, but are not tested).

For Windows you have to download and install git and Node.js.

Mac OS users should install Homebrew. Once Homebrew is installed, run brew install git to install git, and brew install node to install Node.js.

Linux/BSD users should use their appropriate package managers to install git and Node.js, or build from source if you swing that way. Easy-peasy.

Downloading Quanter using npm or Yarn

Quanter is registered as a package on npm. You can install the latest version of Quanter with the npm CLI command:

# install locally (recomended)
yarn add quanter

# install locally (recomended)
npm install quanter --save

As an alternative you can use the Yarn CLI command:

Quanter information

For information on how to get started and how to use Quanter, please see Quanter's documentation. For source files and issues, please visit the Quanter repository.

If upgrading, please see the blog post for release 1.6.3. This includes notable differences from the previous version and a more readable changelog.

Including Quanter

Below are some of the most common ways to include Quanter

Browser

Script tag

<!--including Quanter (recomended) HTML document in head section -->
<script src="https://cdn.jsdelivr.net/npm/quanter@1.6.3/dist/quanter.min.js"></script>

For module

import quanter from 'https://cdn.jsdelivr.net/npm/quanter@1.6.3/+esm'

Usage

Webpack / Browserify / Babel

There are several ways to use Webpack, Browserify or Babel. For more information on using these tools, please refer to the corresponding project's documentation. In the script, including Quanter will usually look like this:

import Quanter from "quanter";

AMD (Asynchronous Module Definition)

AMD is a module format built for the browser. For more information, we recommend

define(["quanter"], function(quanter) {

});

Syntax code example

There are simple some usage Quanter code example syntax and learn more click Documentation.

Code example: Quanter("body > div:nth-child(2) + main:eq(2) > :input:disabled)

How to build Quanter

Clone a copy of the main Quanter git repo by running:

git clone git://github.com/jqrony/quanter.git

In the quanter/dist folder you will find build version of quanter along with the minified copy and associated map file.

Contributing Guide

See CONTRIBUTING.md