querieddeprecated

Query selector CSS4 +

Usage no npm install needed!

<script type="module">
  import queried from 'https://cdn.skypack.dev/queried';
</script>

README

queried Build Status Code Climate

Queried is a convenient wrapper for querySelector.

  1. query-compliant API.

  2. Returns Array instead of NodeList in multiple query: q.all('.block').forEach(function (el) { ... } ).

  3. Accepts other elements or array as a selector: q.all(['.block', self.el]);.

  4. Polyfills CSS3 & CSS4 pseudos: :has, :scope, :root, :matches.

  5. Fixes immediate children selector > *: q.all('> *', element);.

  6. Normalizes nested :not’s: :not(a:not(:target)).

Usage

npm install queried

var q = require('queried');

//select each div having `a` with `span` inside as immediate children.
q.all('div:has(a:has(span))');

API

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.

Similar