hhy5277 / domq

🛠️ A modular DOM manipulation library.

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()