JSPM

  • Created
  • Published
  • Downloads 2239
  • Score
    100M100P100Q115472F

a compact CSS1, CSS2 query selector engine

Package Exports

  • qwery

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (qwery) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Q('wery') - The Tiny Selector Engine

Qwery is a 1k blazing fast query selector engine allowing you to select elements with CSS1 & CSS2 selectors (including attribute selectors).

Acceptable queries

// basic
#foo // id
.bar // class
#foo a // descendents
#foo a.bar element attribute comibination

// attributes
#foo a[href] // simple
#foo a[href=bar] // attribute values
#foo a[href^="http://"] // attribute starts with
#foo a[href$=com] // attribute ends with
#foo a[href*=twitter] // attribute wildcards

// combos
div,p

// variations
#foo.bar.baz
div#baz.thunk a[-data-info*="hello world"] strong
#thunk[title$='huzza']

Contexts

Each query can optionally pass in a context

qwery('div', node); // existing DOM node or...
qwery('div', '#foo'); // another query

Browser Support

  • IE6, IE7, IE8, IE9
  • Chrome 1 - 10
  • Safari 3, 4, 5
  • Firefox 2, 3, 4

Build

Qwery uses JSHint to keep some house rules as well as UglifyJS for its compression. For those interested in building Qwery yourself. Run make in the root of the project.

Tests

$ open tests/index.html

Note

Qwery uses querySelectorAll when available. All querySelectorAll default behavior then applies.

Ender support

Qwery is the default selector engine for Ender. However to use it in a custom builds of Ender you can include it as such:

ender -b qwery[,mod2,mod3,...]

Contributors