jQuery-compatible CSS classes module
npm install vibe[class] JavaScript module—uses classList where available
sh
$ npm install vibe
`
API (0.9)
$3
- element denotes a native DOM Element
- token denotes a single class name
- $ denotes a jQuery-compatible lib such as ender
- ? denotes a optional parameter
- stack denotes an array or collection of elements
- ssv denotes where multiple classes can be passed via array, space-separated string, or a callback to determine them. Callbacks run for each element as this and may return false to cease further iterations.
$3
- vibe.addClass(element, token)
- vibe.removeClass(element, token)
- vibe.toggleClass(element, token, force?)
- vibe.hasClass(element, token)
$3
#### Integrated syntax
- $(elements).addClass(ssv)
- $(elements).removeClass(ssv)
- $(elements).toggleClass(ssv, force?)
- $(elements).hasClass(token) → true if any element has it
#### Standalone syntax
In standalone usage, these methods can be run via .call
- vibe.fn.addClass.call(stack, ssv)
- vibe.fn.removeClass.call(stack, ssv)
- vibe.fn.toggleClass.call(stack, ssv, force?)
- vibe.fn.hasClass.call(stack, token)Ender
`sh
ender build vibe
`####
ender usage example`js
ender('html').addClass('example').removeClass('another')
`Compatibility
- Works in all browsers. Tested in Chrome, FF, Opera, IE7/8
- Uses the native
.classList where available and otherwise uses .className`