Hello All,

I am really proud to share my new javascript Library called Dizzle,

What is Dizzle ?

Dizzle turns CSS selectors into functions that tests if elements match them. When searching for elements, testing is executed "from the top", similar to how browsers execute CSS selectors.

Features:

• Full implementation of CSS 3 & CSS 4 selectors
• Partial implementation of jQuery Extensions
• Pretty good performance
• Light Weight

Why this library is created when jQuery does this ?

Long story short i wanted to move from jQuery to VanillaJS but then i faced an roadblock that i can't use special css selectors such as :input in VanillaJS to fetch elements due to which i worked on this library.

Please do check our Github Repo for more information :

<script src="https://cdn.jsdelivr.net/npm/dizzle/dist/dizzle.umd.min.js"></script>
<script>
  var divs = dizzle('div');
  console.log(divs);
</script>

npm install --save dizzle

import dizzle from "dizzle";
dizzle.find('div.myelement');

/**
 * Search For h2 elements inside div in whole document
 */
console.log(dizzle('div > h2'));
/**
 * Fetches

Example Usage

Finding All Input Elements Inside A Form

var $elements = dizzle('div#yourID :input');
console.log($elements);

Filter Elements

/**
 * Filter All Visible H2 tags
 */
var visibleH2 = dizzle.filter(':visible',dizzle('h2'));