Domq
Domq is a modular DOM manipulation library. It's built according to Zepto.js.
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);
Instance methods
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()
Static methods
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()