A small JavaScript library for easy DOM traversal/manipulation, event handling, and Ajax requests.
jExamine's core function is $e, which is passed a single argument. The argument can be an HTML element, a CSS selector, or a function.
If passed a CSS selector, jExamine will return an array of all the HTML elements in the document that match
var $listItems = $e("li");
If passed an HTML element, jExamine will wrap that element in a jExamine object.
var $newElement = $e("<ul/>")
If passed a function, jExamine will invoke the function when the DOM has been loaded.
$e(function () { console.log("Hello World!") });
Add a class to DOM element(s).
$someElement.addClass(className)
Add child elements to DOM element(s).
$someElement.append(children)
Get attribute of DOM element.
$someElement.attr(attrName)
Set attribute of DOM element(s).
$someElement.attr(attrName, value)
Get children of DOM element(s).
$someElement.children()
Clear innerHTML of DOM element(s).
$someElement.empty()
Find DOM elements by selector.
$someElement.find(selector)
Get innerHTML of DOM element.
$someElement.html()
Set innerHTML of DOM element(s).
$someElement.html("Hello World!")
Remove event listener from DOM element(s).
$someElement.off(eventName, callback)
Add event listener to DOM element(s).
$someElement.on(eventName, callback)
Get parent of DOM element.
$someElement.parent()
Remove DOM element(s).
$someElement.remove()
Remove class to DOM element(s).
$someElement.removeClass(className)
jExamine's ajax method uses the XMLHttpRequest API to send and receive data from a server.
$e.ajax({
url: "/cats",
method: "POST",
data: formData,
dataType: "json",
content-type: 'application/json',
success: function (data) {
console.log("Your callback here!");
},
error: function (data) {
console.log("An error occurred.");
}
});