Queried is a convenient wrapper for querySelector.
-
query-compliant API.
-
Returns
Arrayinstead ofNodeListin multiple query:q.all('.block').forEach(function (el) { ... } ). -
Accepts other elements or array as a selector:
q.all(['.block', self.el]);. -
Polyfills CSS3 & CSS4 pseudos:
:has,:scope,:root,:matches. -
Fixes immediate children selector
> *:q.all('> *', element);. -
Normalizes nested :not’s:
:not(a:not(:target)).
var q = require('queried');
//select each div having `a` with `span` inside as immediate children.
q.all('div:has(a:has(span))');| Method | Description |
|---|---|
| query(selector, el=document) | Query a single element by selector |
| query.all(selector, el=document) | Query list of elements by selector |
| query.document | Default document to use. Change it, if you need custom DOM, like q.document = require('dom-lite').document. |
- sel — a more complete CSS4 selector, lacks of mapping pseudos and unable to handle nested pseudos like
:not(:has(a)) - query-component - a tiny wrapper over native
querySelectorwith fallback to engines like qwery etc. - dom-select === select-dom
- qwery
- domy-element
- jquery
