Skip to content

plemiszki/jExamine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

jExamine

A small JavaScript library for easy DOM traversal/manipulation, event handling, and Ajax requests.

Core Function

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!") });

jExamine Object Public API

addClass

Add a class to DOM element(s).

  $someElement.addClass(className)

append

Add child elements to DOM element(s).

  $someElement.append(children)

attr

Get attribute of DOM element.

  $someElement.attr(attrName)

Set attribute of DOM element(s).

  $someElement.attr(attrName, value)

children

Get children of DOM element(s).

  $someElement.children()

empty

Clear innerHTML of DOM element(s).

  $someElement.empty()

find

Find DOM elements by selector.

  $someElement.find(selector)

html

Get innerHTML of DOM element.

  $someElement.html()

Set innerHTML of DOM element(s).

  $someElement.html("Hello World!")

off

Remove event listener from DOM element(s).

  $someElement.off(eventName, callback)

on

Add event listener to DOM element(s).

  $someElement.on(eventName, callback)

parent

Get parent of DOM element.

  $someElement.parent()

remove

Remove DOM element(s).

  $someElement.remove()

removeClass

Remove class to DOM element(s).

  $someElement.removeClass(className)

AJAX

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.");
      }
  });

About

A small JavaScript library for easy DOM traversal/manipulation, event handling, and Ajax requests.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published