kis-js/README.md

122 lines
2.4 KiB
Markdown
Raw Normal View History

# Keep It Simple JS Library #
A Minimal, Modular Javascript library for Modern browsers.
Aims to be fast, small, and easily split into individual modules.
2011-07-01 18:18:38 -04:00
Browser support: IE8+, Latest versions of Firefox, Chrome, Safari, Opera
## Basic Use: ##
* Function: `$_(selector).module.function(params);`
## Modules: ##
**Global**: Core functions
functions:
* $:
Use:
$(selector);
*each: For applying changes to every item matched by a selector
Use:
$_(selector).dom.each(callback);
Example : $_(".foo").dom.each(function(e){
$_(e).dom.text(value);
}):
**Ajax**: simple, jQuery-like ajax functions
functions:
* Get:
Use:
$_.get(url, data_object, callback);
* Post:
Use:
$_.post(url, data_object, callback);
**QS**: querystring parsing and serialization for hashbang strings, and pushState urls
functions:
* Parse:
2011-06-14 12:54:47 -04:00
Use:
$_.qs.parse(hb);
* Set: This function will set the hash url if browser doesn't have history.pushState
2011-06-14 12:54:47 -04:00
Use:
$_.qs.set(key, value);
* Get: Retrieves the value of the key in the url string
2011-06-14 12:54:47 -04:00
Use:
$_.qs.get(key);
**Store**: localstorage wrapper with automatic data serialization
functions:
* Get:
Use:
$_.store.get(key);
* Set
Use:
$_.store.set(key, value);
* getALL: Retreives all localstorage data in raw form
Use:
$_.store.getAll();
**Event**: wrapper for applying events to DOM objects
2011-06-21 10:43:31 -04:00
functions:
*Add:
Use:
$_(selector).event.add(event, callback);
*Remove
Use:
$_(selector).event.remove(event, callback);
2011-06-21 10:43:31 -04:00
**DOM**: Dom manipulation module
function:
*addClass:
Use:
$_(selector).dom.addClass(className);
2011-06-21 10:43:31 -04:00
*RemoveClass:
Use:
$_(selector).dom.removeClass(className);
2011-06-29 15:52:33 -04:00
*show: For setting dom elements as visible. Type defaults as "block", can be set with optional second parameter.
Use:
$_(selector).dom.show([type]);
*hide: Hides the elements matching the selector
Use:
$_(selector).dom.hide();
2011-06-29 15:52:33 -04:00
*attr: Gets, sets, or removes an attribute from a selector.
Use:
Set: $_(selector).dom.attr(attributeName, attributeValue);
Get: $_(selector).dom.attr(attributeName);
Remove: $_(selector).dom.attr(attributeName, null);
2011-06-29 15:52:33 -04:00
*text: Gets or sets the text in between an element's tags
Use:
Set: $_(selector).dom.text(text);
Get: $_(selector).dom.text();
2011-06-29 15:52:33 -04:00