Syntax-conversion for Vanilla JS, adapting standard jQuery conventions

Usage no npm install needed!

<script type="module">
  import vanillaQuery from '';


Vanilla Query

A syntax-conversion for Vanilla JS & CSS3 methods using traditional jQuery conventions.

Warning: This is NOT a replacement for jQuery. It is still recommended to use jQuery if your app uses plugins and/or makes extensive use of its methods/selectors.

Use this lib if you're relying strictly in Vanilla JS or you are only using jQuery to bind events and use simple selectors, for example in a Backbone.js app.


This is a strict Vanilla JS or CSS3 syntax conversion. No extra functionality is added - if some function is not available as Vanilla JavaScript or a CSS attribute it will not be created from scratch.


Using npm:

npm install vanilla-query


Vanilla query will ovewrite the $ namespace, so it is not recommended to be used along side jQuery, Zepto or other libs that may use that global variable.

Having said that, including it as a js dependency in your app should be enough to use the $ methods as accustomed.

A simple example: [ demo ] [ source ]


These are the currently supported methods:

  • addClass
  • append
  • attr
  • click
  • clone
  • css
  • each
  • empty
  • get
  • getJSON
  • hasClass
  • hide
  • html
  • is
  • next
  • param
  • parent
  • post
  • ready
  • show
  • toggleClass

[top of list ↑] (#methods)


Initiated by Makis Tracend

Started as a weekend project of Makesites Hackathons

Distributed through

Released under the Apatche license v2.0