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:
__(selector [, context]);
__('.my-class img');
__('.my-class', '.wrapper-class');
Helpers
addClass
__(selector [, context]).addClass(className [, className]);
removeClass
- Remove 1 or more classes:
__(selector [, context]).removeClass(className [, className]);
toggleClass
- Toggle 1 or more classes:
__(selector [, context]).toggleClass(className [, className]);
hasClass
- Check if at least 1 element has this class:
__(selector [, context]).hasClass(className);
attr
__(selector [, context]).attr(attributeName);
- Set attribute and value (1 or more):
__(selector [, context]).attr(attributeName, value);
__(selector [, context]).attr({
attributeName: value,
attributeName: value
});
removeAttr
- Remove 1 or more attribute:
__(selector [, context]).removeAttr(attributeName [, attributeName]);
css
- Get a computed style value:
__(selector [, context]).css(property);
__(selector [, context]).css(property, value);
__(selector [, context]).css({
property: value,
property: value
});
on
__(selector [, context]).on(event, listener [, capture]);
off
__(selector [, context]).of(event, listener);