An absurdly small jQuery alternative for modern browsers
Add cash to your project via the jsDelivr CDN:
<script type="text/javascript" src="//cdn.jsdelivr.net/cash/0.0.3/cash.min.js"></script>
Cash is a small library for modern browsers that provides jQuery style syntax to wrap modern Vanilla JS features. It allows developers to use the jQuery syntax they already know, and utilizes modern browser features to minimize the codebase. 100% feature parity with jQuery isn't a goal, but cash comes helpfully close, covering most day to day use cases.
This is the main selector method for cash. It returns an actionable collection of nodes.
$(selector,[context]) // => collection
$(collection) // => self
$(DOM elements) // => collection
$(HTML) // => collection
Initiates an AJAX request with the given options and triggers the appropriate callback.
$.ajax(options)
- type : String- ie: 'POST', 'GET'
- url : String- The target url
- data - Serialized data or object
- success(response) : Function- Success callback
- error : Function Error callback
Iterates through a collection and calls the callback method on each.
$.each(collection, callback) // => collection
Extends target object with properties from the source object.
$.extend(target,source) // => object
Checks a selector against an element, returning a boolean value for match.
$.matches(element, selector) // => boolean
Returns a collection from an HTML string.
$.parseHTML(htmlString) // => Collection
The main prototype. Adding properties and methods will add it to all collections
$.fn // => cash.prototype
Returns a new collection with the element added to the end, will accept any amount of arguments and add them all in sequence.
$(element).add(element) // => collection
$(element).add(selector) // => collection
Adds the className argument to collection elements.
$(element).addClass(className) // => collection
Appends the target element to the first element in the collection.
$(element).append(element) // => collection
Adds the first element in a collection to the target element.
$(element).appendTo(element) // => collection
Without attrValue, returns the attribute value of the first element in the collection. With attrValue, sets the attribute value of each element of the collection.
$(element).attr(attrName) // => AttributeValue
$(element).attr(attrName, attrValue) // => collection
Without a selector specified, returns a collection of child elements. With a selector, returns child elements that match the selector.
$(element).children() // => collection
$(element).children(selector) // => collection
Returns the closest matching selector up the DOM tree.
$(element).closest() // => collection
$(element).closest(selector) // => collection
Returns a clone of the collection.
$(element).clone() // => collection
Returns a CSS property value when just property is supplied. Sets a CSS property when property and value are supplied, and set multiple properties when an object is supplied.
$(element).css(property) // => value
$(element).css(property, value) // => collection
$(element).css(object) // => collection
Returns data attribute value when key is supplied. Sets data attribute value when both key and value are supplied.
$(element).data(key) // => value
$(element).data(key, value) // => collection
Iterates over a collection with callback(value, index, array).
$(element).each(callback) // => collection
Empties an elements interior markup.
$(element).empty() // => collection
Returns a collection with the element at index.
$(element).eq(index) // => collection
Returns the collection that results from applying the filter method.
$(element).filter(function) // => collection
Returns selector match descendants from the first element in the collection.
$(element).find(selector) // => collection
Returns the first element in the collection.
$(element).first() // => collection
Returns the element at the index.
$(element).get(index) // => domNode
Returns boolean result of the selector argument against the collection.
$(element).has(selector) // => boolean
Returns the boolean result of checking if the first element in the collection has the className attribute.
$(element).hasClass(className) // => boolean
Returns the height of the element.
$(element).height() // => Integer
Returns the HTML text of the first element in the collection, sets the HTML if provided.
$(element).html() // => HTML Text
$(element).html(HTML) // => HTML Text
Returns the index of the element in its parent if an element or selector isn't provided. Returns index within element or selector if it is.
$(element).index() // => Integer
$(element).index(element) // => Integer
Returns the height of the element + padding.
$(element).innerHeight() // => Integer
Returns the width of the element + padding.
$(element).innerWidth() // => Integer
Inserts collection after specified element.
$(element).insertAfter(element) // => collection
Inserts collection before specified element.
$(element).insertBefore(element) // => collection
Returns whether the provided selector matches the first element in the collection.
$(element).is(selector) // => boolean
Returns last element in the collection.
$(element).last() // => collection
Returns next sibling.
$(element).next() // => collection
Filters collection by false match on selector.
$(element).not(selector) // => collection
Removes event listener from collection elments.
$(element).off(eventName,eventHandler) // => collection
Adds event listener to collection elments. Event is delegated if delegate is supplied.
$(element).on(eventName, eventHandler) // => collection
$(element).on(eventName, delegate, eventHandler) // => collection
Returns the outer height of the element. Includes margins if margin is set to true.
$(element).outerHeight() // => Integer
$(element).outerHeight(includeMargin) // => Integer
Returns the outer width of the element. Includes margins if margin is set to true.
$(element).outerWidth() // => Integer
$(element).outerWidth(includeMargin) // => Integer
Returns parent element.
$(element).parent() // => collection
Returns collection of elements who are parents of element. Optionally filtering by selector.
$(element).parents() // => collection
$(element).parents(selector) // => collection
Prepends element to the first element in collection.
$(element).prepend(element) // => collection
Prepends first element in collection to the element.
$(element).prependTo(element) // => collection
Returns the previous adjacent element.
$(element).prev() // => collection
Prepends element to the first element in collection.
$(element).prepend(element) // => collection
Returns property value.
$(element).prop(property) // => Property value
Calls callback method on DOMContentLoaded.
$(document).ready(callback) // => collection/span
Removes collection elements from the DOM.
$(element).remove() // => collection
Removes attribute from collection elements.
$(element).removeAttr(attrName) // => collection
Removes className from collection elements. Accepts space-separated classNames for removing multiple classes.
$(element).removeClass(className) // => collection
Removes data attribute from collection elements.
$(element).removeData(name) // => collection
When called on a form, serializes and returns form data.
$(form).serialize() // => String
Returns a collection of sibling elements.
$(element).siblings() // => collection
Returns the inner text of the first element in the collection, sets the text if textContent is provided.
$(element).text() // => text
$(element).text(textContent) // => collection
Triggers supplied event on elements in collection.
$(element).trigger(eventName) // => collection
Returns an inputs value. If value is supplied, sets all inputs in collection's value to the value argument.
$(input).val() // => value
$(input).val(value) // => collection
Returns the width of the element.
$(element).width() // => number