uuSelect
Pure JavaScript elements selector and helpers for classes, attributes or styles. It's very small: about 700 bytes when uglified and Gziped! The plugin is commonJS and AMD compliant.
Why this plugin ?
- when jQuery is not an option
- You are tired of the native DOM api syntax
- you target only modern browsers >= IE10 (IE9, see below)
- an easy way to loop through collection of elements
You can easily add IE9 browser support with this shim for classList.
Demo Codepen
NPM NPM page
npm install uu-select
Selectors
The __ function accept 2 parameters, a selector
and a context
(optional), that must be valid querySelectorAll selectors:
; // example;;
Helpers
addClass
- Add 1 or more classes:
;
removeClass
- Remove 1 or more classes:
;
toggleClass
- Toggle 1 or more classes:
;
hasClass
- Check if at least 1 element has this class:
;// return true or false
attr
- Get attribute's value:
;// return its value
- Set attribute and value (1 or more):
;// or;
removeAttr
- Remove 1 or more attribute:
;
css
- Get a computed style value:
;// return its value
- Set styles:
;// or;
on
- addEventListener
;// Don't use an anonymous function is you plan to remove that event later
off
- removeEventListener
;