Socket
Socket
Sign inDemoInstall

qwery

Package Overview
Dependencies
0
Maintainers
3
Versions
57
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    qwery

blazing fast CSS3 query selector engine


Version published
Maintainers
3
Install size
229 kB
Created

Readme

Source

Qwery

Qwery is a modern selector engine built on top of querySelectorAll giving you practical utility.

Deprecation Notice!

As of version 4.0, qwery no longer supports IE6 - IE8. If your application still requires this level of support, please see the final 3.x release.

Browser Support

  • IE9+
  • Chrome 1+
  • Safari 3+
  • Firefox 4+

Contexts

Each query can optionally pass in a context

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

Dev Env & Testing

npm install
make
open tests/index.html

Ender support

Qwery is the recommended selector engine for Ender. If you don't have Ender, install it, and don't ever look back.

npm install ender -g

Include qwery into your package.json

{
  "dependencies": {
    "qwery": "x.x.x"
  }
}

Ender bridge additions

// the context finder - find all p elements descended from a div element
$('div').find('p')

// join one set with another
$('div').and('p') // equal to $('div,p')

In most cases, if you're hunting for a selector engine, you probably want to pair Qwery with a DOM module. In that case qwery pairs quite nicely with Bonzo (a DOM util) and Bean (an event util). Add them to your Ender installation as such:

ender build qwery bean bonzo

Then write code like a boss:

$('<p>hello world</p>')
  .css({
    color: 'red',
    background: 'white'
  })
  .after('√')
  .bind({
    'click.button': function () {
      $(this).hide().unbind('click.button')
    }
  })
  .appendTo('body')

Giving back

Are you using this library in production? Consider leaving a tip to show your appreciation.

Keywords

FAQs

Last updated on 12 Feb 2014

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc