Queried is a convenient wrapper for querySelector.
-
query-compliant API.
-
Returns
Array
instead ofNodeList
in 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
querySelector
with fallback to engines like qwery etc. - dom-select === select-dom
- qwery
- domy-element
- jquery