next-query

Modern DOM query selectors helpers written in es2015


Keywords
es6, es2015, query, $, querySelectorAll, querySelector, DOM
License
MIT
Install
npm install next-query@0.0.0

Documentation

bianco.query

Build Status NPM version NPM downloads MIT License

Modern DOM query selectors helpers written in es2015

Usage

import $ from 'bianco.query'

const footer = document.querySelector('.main-footer')
const header = document.querySelector('.main-header')

// convert DOM nodes to arrays
$(footer)
  .concat($(header))
  .forEach(el => el.classList.add('fade-in'))

// handle DOM queries
$('h1', 'main').forEach(h1 => h1.classList.add('main-title'))

API

Table of Contents

$

Simple helper to find DOM nodes returning them as array like loopable object

Parameters

  • selector (string | DOMNodeList) either the query or the DOM nodes to arraify
  • ctx HTMLElement context defining where the query will search for the DOM nodes

Returns Array DOM nodes found as array