Intro

What ?

domQ is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods at a fraction of the file size. 100% feature parity with jQuery isn't a goal, but domQ comes helpfully close, covering most day to day use cases.

Why ?

I was very bored with jquery script and wanted to try something else๐Ÿ™ˆ.

Well as a web developer i wanted to move out from jQuery and use Vanilla JS. When i realized i had to write multiple lines of code for a single action thats when i decided to create a lightweight javascript library that can do most things that jQuery can.

Comparison

Size

domQ

domQ + Dizzle

Zepto

jQuery Slim

Unminified

45.9 KB

77.4 KB

58.7 KB

250 KB

Minified

20.6 KB

31.5 KB

26 KB

70.6 KB

Minified & Gzipped

7.50KB

11.1 KB

9.8 KB

24.4 KB

Features

domq

domQ + Dizzle

Zepto

jQuery Slim

Supports Older Browsers

โŒ

โŒ

โŒ

โœ”

Supports Modern Browsers

โœ”

โœ”

โœ”

โœ”

Actively Maintained

โœ”

โœ”

โŒ

โœ”

Namespaced Events

โœ”

โœ”

โŒ

โœ”

jQuery Selectors

โœ”

โœ”

โš ๏ธ(Experimental Feature)

โœ”

** Animation

โœ”

โœ”

โš ๏ธ(Custom Workaround) ๏ธ

โŒ

domQ uses WebAnimation's API

Usage

Get domQ from CloudFlare or jsDelivr and use it like this:

jsDelivr

  1. domQ : jsDelivrโ€‹

  2. domQ + Dizzle : jsDelivrโ€‹

<script src="https://cdn.jsdelivr.net/npm/@domq-js/core@1.0.0/dist/bundled/domq.umd.min.js"></script>
<script>
domQ(function () {
domQ('html').addClass ( 'domq-works' );
domQ('<footer>Appended with domQ</footer>').appendTo ( document.body );
});
</script>

domQ is also available through npm as the @domq-js/core package:

npm install --save @domq-js/core

That you can then use like this:

import domq from "@domq-js/core";
โ€‹
domq(function () {
domq('html').addClass ( 'domq-works' );
domq('<footer>Appended with domQ</footer>').appendTo ( document.body );
});

๐Ÿ“ Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

โ€‹Checkout CHANGELOG.mdโ€‹

๐Ÿค Contributing

If you would like to help, please take a look at the list of issues.

๐Ÿ’ฐ Sponsor

โ€‹I fell in love with open-source in 2013 and there has been no looking back since! You can read more about me here. If you, or your company, use any of my projects or like what Iโ€™m doing, kindly consider backing me. I'm in this for the long run.

  • โ˜• How about we get to know each other over coffee? Buy me a cup for just $9.99โ€‹

  • โ˜•๏ธโ˜•๏ธ How about buying me just 2 cups of coffee each month? You can do that for as little as $9.99โ€‹

  • ๐Ÿ”ฐ We love bettering open-source projects. Support 1-hour of open-source maintenance for $24.99 one-time?โ€‹

  • ๐Ÿš€ Love open-source tools? Me too! How about supporting one hour of open-source development for just $49.99 one-time ?โ€‹

๐Ÿ“œ License & Conduct

๐Ÿ“ฃ Feedback

  • โญ This repository if this project helped you!๐Ÿ˜‰

  • Create An ๐Ÿ”ง Issue if you need help / found a bug

Connect & Say ๐Ÿ‘‹