A minimalist DOM-manipulation javascript library
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
dist
images
js
src
test
.gitignore
.jshintrc
README.md
bower.json
gulpfile.js
index.html
package.json

README.md

#KinWin ##A minimalist DOM manipulation library.

###Usage

Just include kinwin.js inside your webpage like this:

<script type="text/javascript" src="dist/kinwin.js"></script>

All methods can be accessed using the kw operator like this:

kw('.someClass').hide();

###Available methods:

  1. get
  2. set
  3. html
  4. css
  5. show
  6. hide
  7. append
  8. prepend
  9. remove

###Selectors

id and class syntax same as DOM API:

  • id: kw.('#id-attribute') returns node with matching id attribute value
  • class: kw.('.class-attribute') returns nodes with matching class attribute value

name attribute and tagName syntax requires special first characters:

  • name: kw.('@name-attribute') returns nodes with matching name attribute value
  • tag: kw.('=tagname') returns nodes with matching nodeName or tagName

###Test suite "no frills" html test suite includes tiny assert() method patched on to the kw constructor.

####Maybe someday…

  • attribute selectors? ( i.e., kw('[attribute...]')') ~ 7 flavors of attribute selector )
  • contextual selectors? ( i.e., kw('thing').select('descendant-of-things') )
  • pseudo-element & pseudo-class
  • xpath or textContent or nodeValue selectors ( extra credit )