Domq is a modular DOM manipulation library. It's built according to Zepto.js.
$ 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'
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);
The methods as below is optional.
D().css()
D().attr()
D().removeAttr()
D().prop()
D().removeProp()
D().hasClass()
D().addClass()
D().removeClass()
D().toggleClass()
D().width()
D().height()
D().offset()
D().position()
D().scrollTop()
D().scrollLeft()
D().offsetParent()
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()
The methods as below is optional.
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()