Git Product home page Git Product logo

kinwin.js's Introduction

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 )

kinwin.js's People

Contributors

aliirz avatar bryant1410 avatar dfkaye avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.