domq.js

A modular DOM manipulation library.

Usage no npm install needed!

<script type="module">
  import domqJs from 'https://cdn.skypack.dev/domq.js';
</script>

README

Domq

Travis npm license

Domq is a modular DOM manipulation library. It's built according to Zepto.js.

Who uses it?

Installation

$ npm install domq.js --save

There have four files in dist after build.

dist
├── domq.js (UMD)
├── domq.common.js (CJS)
├── domq.esm.js (ESM)
└── domq.modular.js (MODULAR)

It's used domq.modular.js by default.

import { D } from 'domq.js';

Or you can also import the other file as needed.

import { D } from 'domq.js/dist/domq.esm.js';

Modular Usage

You should put the methods as needed on D function manually.

import { D, isArray, addClass } from 'domq.js/src/domq.modular';

// Static methods
const methods = {
  isArray,
};

// Instance methods
const fnMethods = {
  addClass,
};

D.extend(methods);
D.fn.extend(fnMethods);

API

Instance methods

  • D().css()
  • D().attr()
  • D().removeAttr()
  • D().prop()
  • D().removeProp()
  • D().hasClass()
  • D().addClass()
  • D().removeClass()
  • D().toggleClass()
  • D().offset()
  • D().offsetParent()
  • D().position()
  • D().scrollTop()
  • D().scrollLeft()
  • D().width()
  • D().height()
  • D().remove()
  • D().empty()
  • D().clone()
  • D().html()
  • D().text()
  • D().append()
  • D().prepend()
  • D().after()
  • D().before()
  • D().replaceWith()
  • D().appendTo()
  • D().prependTo()
  • D().insertAfter()
  • D().insertBefore()
  • D().replaceAll()
  • D().find()
  • D().filter()
  • D().has()
  • D().not()
  • D().is()
  • D().add()
  • D().contents()
  • D().closest()
  • D().parents()
  • D().parent()
  • D().children()
  • D().siblings()
  • D().prev()
  • D().next()
  • D().index()
  • D().wrap()
  • D().wrapAll()
  • D().wrapInner()
  • D().unwrap()
  • D().val()
  • D().one()
  • D().on()
  • D().off()
  • D().trigger()
  • D().triggerHandler()
  • D().animate()
  • D().anim()
  • D().show()
  • D().hide()
  • D().toggle()
  • D().fadeTo()
  • D().fadeIn()
  • D().fadeOut()
  • D().fadeToggle()

Static methods

  • D.type()
  • D.contains()
  • D.camelCase()
  • D.isFunction()
  • D.isWindow()
  • D.isEmptyObject()
  • D.isPlainObject()
  • D.isNumeric()
  • D.isArray()
  • D.inArray()
  • D.trim()
  • D.grep()
  • D.noop()
  • D.Event()
  • D.proxy()

License

MIT License