Elemint

$(elementOrSelector)
$$(elementOrSelector)
elemint(elementOrSelector)

The elemint object

$.after (method/after.js, line 1)

Return the immediately following sibling OR next matched sibling of each element in the set of matched elements.

$.after(target, optionalSelector);
$(target).after(optionalSelector);

$.animate (method/animate.js, line 1)

Manage DOM animations.

$.animate;

$.animate.kill (method/animate/animate.kill.js, line 1)

Kill a DOM animation.

$.animate.kill(tag);

$.animate.set (method/animate/animate.set.js, line 1)

Configure and start a DOM animation.

var config = {
    tag: 'myAnimation',
    callback: () => {...}
};

$.animate.set(config);

$.ascend (method/ascend.js, line 1)

Find all the matched ancestors at each upper level relative to the subject. Will return n levels of anscestors until the limit is reached.

$.ascend(target, optionalSelectorOrLimit, limit);
$(target).ascend(optionalSelectorOrLimit, limit);

$.before (method/before.js, line 1)

Return the immediately preceding sibling OR preceding matched sibling of each element in the set of matched elements.

$.before(target, optionalSelector);
$(target).before(optionalSelector);

$.child (method/child.js, line 1)

Return the immediate children of the matched elements.

$.child(target, optionalSelector);
$(target).child(optionalSelector);

$.class (method/class.js, line 1)

Manipulate element classes

$.class(target);
$(target).class;

$.class.kill (method/class/class.kill.js, line 1)

Disable a class on an element's className property.

$.class(target).kill(classA, classB, classN, ...);
$(target).class.kill(classA, classB, classN, ...);

$.class.set (method/class/class.set.js, line 1)

Enable a class on an element's className property.

$.class(target).set(classA, classB, classN, ...);
$(target).class.set(classA, classB, classN, ...);

$.class.sub (method/class/class.sub.js, line 1)

Substitute a class on an element's className property with another class.

$.class(target).sub('classA', 'classB');
$(target).class.sub('classA', 'classB');

$.descend (method/descend.js, line 1)

Find all the matched descendants at each level of depth relative to the subject. Will return n levels of descendants until the limit is reached.

$.descend(target, optionalSelectorOrDepth, depth);
$(target).descend(optionalSelectorOrDepth, depth);

$.event (method/event.js, line 1)

Manage element events

$.event(target);
$(target).event;

$.event.emit (method/event/event.emit.js, line 1)

Send an event to an element

var config = {
    bubbles: true,
    cancelable: true
}

$.event(target).emit('eventName', config);
$(target).event.emit('eventName', config);

var e = $.event(target);
e.blur();
e.click();
e.dblclick();
e.focus();
e.keydown();
e.keypress();
e.keyup();
e.mousedown();
e.mouseenter();
e.mouseleave();
e.mousemove();
e.mouseout();
e.mouseover();
e.submit();
e.touchcancel();
e.touchend();
e.touchenter();
e.touchleave();
e.touchmove();
e.touchstart();

$.event.kill (method/event/event.kill.js, line 1)

Stop an event listener

$.event(target).kill('tag');
$(target).event.kill('eventName', callback);

$.event.set (method/event/event.set.js, line 1)

Setup an event listener on an element

var config = {
    on: '',
    tag: '',
    target: false,
    callback: () => {...},
    limit: false
}

$.event(target).set(config);
$.event(target).set(evt, callback);
$(target).event.set(config);
$(target).event.set(evt, callback);

$.fragment (method/fragment.js, line 1)

Wrap HTML/nodes in a document fragment.

$.fragment([el1, el2, el3, ...]);
$.fragment("<div>...</div>");

$.layer (method/layer.js, line 1)

Manage element layers.

$.layer(target);
$(target).layer;

$.layer.get (method/layer/layer.get.js, line 1)

Return the z-index of an element.

$.layer(target).get();
$(target).layer.get()

$.layer.set (method/layer/layer.set.js, line 1)

Set the z-index of an element.

$.layer(target).set(newIndex);
$(target).layer.set(newIndex)

$.match (method/match.js, line 1)

Return a set of elements that match the selector or pass the test.

$.match(target, selectorOrTest, test);
$(target).match(selectorOrTest, test);

$.mount (method/mount.js, line 1)

• Mounting is a process that inserts elements into the DOM.
• Mount an element or fragment in a parent element.
• Will default to mounting the selected element(s) in document.body if no other arguments are passed.
  • innerEnd: afterend of subject's last child.
  • innerBegin: beforebegin of subject's first child.
  • outerEnd: afterend of subject's last sibling.
  • outerBegin: beforebegin of subject's first sibling.
  • before: beforebegin of subject.
  • after: afterend of subject.

$.mount(
    target,
    locationOrPayload,
    payload
);

$(target).mount(
    locationOrPayload,
    payload
);

$.offset (method/offset.js, line 1)

Manage element offsets.

$.offset(target);
$(target).offset;

$.offset.get (method/offset/offset.get.js, line 1)

Return the offset of an element relative to the document.

$.offset(target).get();
$(target).offset.get();

$.offset.set (method/offset/offset.set.js, line 1)

Set the offset of an element relative to the document.

$.offset(target).set({top: ..., left: ...});
$(target).offset.set({top: ..., left: ...});

$.parent (method/parent.js, line 1)

Return the parent of the matched elements.

$.parent(target);
$.parent(target, true);
$(target).parent();
$(target).parent(true);

$.position (method/position.js, line 1)

Return the position of an element relative to it's offset parent.

$.position(target);
$(target).position();

$.prop (method/prop.js, line 1)

Manage element properties (attributes)

$.prop(target);
$(target).prop;

$.prop.get (method/prop/prop.get.js, line 1)

Get a value from an element property (attribute).

$.prop(target).get('property');
$.prop(target).get('propertyA', 'propertyB');
$(target).prop.get('property');
$(target).prop.get('propertyA', 'propertyB');

$.prop.kill (method/prop/prop.kill.js, line 1)

Remove property (attribute) from an element.

$.prop(target).kill('property');
$(target).prop.kill('property');

$.prop.set (method/prop/prop.set.js, line 1)

Set a value on an element property (attribute).

$.prop(target).set('propName', 'value');
$(target).prop.set('propName', 'value');

$.prop(target).set({'propName1: 'value1', 'propName2: 'value2'};
$(target).prop.set({'propName1: 'value1', 'propName2: 'value2'});

$.query (method/query.js, line 1)

Look-up DOM elements and return them in an array.

// Elemint object with cached elements
$(target);

// Array of elements
$.query(selector);

// Shorthand for returning an array of elements
$.$(target);

$.ready (method/ready.js, line 1)

Execute a function when the DOM is ready.

$.ready(() => {
    // body...
});

$.render (method/render.js, line 1)

Accept markup and return a collection of elements in an array.

$.render(payload);

$.sibling (method/sibling.js, line 1)

Return all matched elements that share the same immediate parent as the subject (subject excluded).

$.sibling(target, optionalSelector);
$(target).sibling(optionalSelector);

$.size (method/size.js, line 1)

Get or set the dimensions of an element.

$.size(target);
$(target).size;

$.size.get (method/size/size.get.js, line 1)

Get the height/width of an element.

$.size(target).get();
$.size(target).get('height');
$(target).size.get();
$(target).size.get('height');

$.size.set (method/size/size.set.js, line 1)

Set the height/width of an element.

$.size(target).set(config);
$(target).size.set(config);

$.style (method/style.js, line 1)

Manage document styles.

$.style(target);
$.style(target, document);
$(target).style;
$(target, document).style;

$.style.get (method/style/style.get.js, line 1)

Get style values from an element.

$.style(target).get(prop1, prop2, propN, ...);
$(target).style.get(prop1, prop2, propN, ...);

$.style.set (method/style/style.set.js, line 1)

Get style values from an element.

// Single rule injection into document stylesheets with string
$.style('div:before').set(prop, value);

// Multiple rule injection into document stylesheets with object
$.style('div:before').set({ prop: value, ... });

// Multiple rule injection into document stylesheets with string
$.style('div:before { prop: value, ... } div:after { prop: value, ... } ...').set();

// Multiple rule injection into document stylesheets with string via array
$.style(['div:before { prop: value, ... }', 'div:after { prop: value, ... }']).set();

// Inline rules
$.style(target, optionalContext).set(style, value);
$.style(target, optionalContext).set({ prop: value, ... });
$(target).style.set(style, value, optionalContext);
$(target).style.set({ prop: value, ... }, optionalContext);

$.unmount (method/unmount.js, line 1)

Unmounting is a process that removes elements from the DOM. Unmount an element or it's relative.

• innerEnd: afterend of subject's last child
• innerBegin: beforebegin of subject's first child
• outerEnd: afterend of subject's last sibling
• outerBegin: beforebegin of subject's first sibling
• before: beforebegin of subject
• after: afterend of subject

// Self
$.unmount(target);
$(target).unmount();

// Relatives
$.unmount(target, relativeLocation);
$(target).unmount(relativeLocation);
$.unmount(target, childElement);
$(target).unmount(childElement);