Sizzle - JavaScript CSS selector engine

  •        804

Sizzle is a pure-JavaScript CSS selector engine designed to be easily dropped in to a host library. It has CSS 3 Selector support. It is designed for optimal performance with event delegation.



Related Projects

slick - Slick is a new standalone CSS Selector engine and CSS Selector string parser

  •    Javascript

Slick is a new standalone CSS Selector engine and CSS Selector string parser

Silon - Logic Gates and Adders in pure CSS

  •    CSS

Silon is an experiment in the true power of CSS selectors. Most people would not expect CSS selectors to be capable of expressing arbitrary boolean logic. However, thanks to the sibling selector (AND), the comma selector (OR), and the :not() selector, this is actually completely possible. Silon is also useful as a teaching aid when teaching boolean logic and adders; having a visual, fully interactive, diagram of a full adder is quite helpful in understanding how it works.

put-selector - A high-performance, lightweight function for creating and manipulating DOM elements with succinct, elegant, familiar CSS selector-based syntax

  •    Javascript

This put-selector/put module/package provides a high-performance, lightweight (~2KB minified, ~1KB gzipped with other code) function for creating and manipulating DOM elements with succinct, elegant, familiar CSS selector-based syntax across all browsers and platforms (including HTML generation on NodeJS). The single function from the module creates or updates DOM elements by providing a series of arguments that can include reference elements, selector strings, properties, and text content. The put() function utilizes the proven techniques for optimal performance on modern browsers to ensure maximum speed. would create an element <div class="my-class"> (an element with a class of "my-class").

goquery - A little like that j-thing, only in Go.

  •    Go

goquery brings a syntax and a set of features similar to jQuery to the Go language. It is based on Go's net/html package and the CSS Selector library cascadia. Since the net/html parser returns nodes, and not a full-featured DOM tree, jQuery's stateful manipulation functions (like height(), css(), detach()) have been left off.Also, because the net/html parser requires UTF-8 encoding, so does goquery: it is the caller's responsibility to ensure that the source document provides UTF-8 encoded HTML. See the wiki for various options to do this.

sentineljs - Detect new DOM nodes using CSS selectors (650 bytes)

  •    Javascript

SentinelJS is a tiny JavaScript library that lets you detect new DOM nodes using CSS selectors (650 bytes). SentinelJS uses dynamically-defined CSS animation rules (@keyframes) to hook into browser animationstart events when a new node matching a given CSS selector is added to the DOM. In general this should be more performant than using a Mutation Observer to watch the entire document tree for changes and iterating through all new child nodes recursively. SentinelJS performs one hash key lookup on calls to the animationstart event so the performance overhead is minimal. If you define the animation-name property on a CSS rule that overlaps with the selector in your SentinelJS watch function then only one of those animations will be called which could cause unexpected behavior. To get around this you can trigger SentinelJS watches from your CSS using custom animation names (see below).

jRange - jQuery plugin to create range selector

  •    CSS

jQuery plugin to create range selector

css-selector - The CssSelector component converts CSS selectors to XPath expressions.

  •    PHP

The CssSelector component converts CSS selectors to XPath expressions. This component is a port of the Python cssselect library v0.7.1, which is distributed under the BSD license.

css-element-queries - CSS-Element-Queries Polyfill

  •    Javascript

Element Queries is a polyfill adding support for element based media-queries to all new browsers (incl. IE7+). It allows not only to define media-queries based on window-size but also adds 'media-queries' functionality depending on element (any selector supported) size while not causing performance lags due to event based implementation. It's a proof-of-concept event-based CSS element dimension query with valid CSS selector syntax.


  •    C++

hcxselect is a small and fast CSS selector engine for C++. It parses CSS selector expressions and applies them to a set of document nodes (or a whole tree) parsed via htmlcxx, a simple non-validating HTML parser. Thus, it allows you to use CSS selectors in your C++ program without much bloat.


  •    Javascript

An easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography. In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. Then I read an article A Call for ::nth-everything from CSS tricks. ::nth-line() is actually really useful in some situation.

lol-html - Low output latency streaming HTML parser/rewriter with CSS selector-based API

  •    HTML

Low Output Latency streaming HTML rewriter/parser with CSS-selector based API. It is designed to modify HTML on the fly with minimal buffering. It can quickly handle very large documents, and operate in environments with limited memory resources. More details can be found in the blog post.

parsel - A tiny, permissive CSS selector parser

  •    Javascript

A tiny, permissive CSS selector parser

dominus - :syringe: Lean DOM Manipulation

  •    Javascript

This isn't a drop-in replacement for jQuery, but rather a different implementation. Dominus is jQuery minus the cruft, with a footprint of ~4kB minified and gzipped, vs the ~33kB in jQuery. Dominus uses sektor as its selector engine of choice, which is a drop-in replacement for Sizzle, but tens of times smaller in exchange for a more limited feature-set.Just like with jQuery, Dominus exposes a rich API that's chainable to the best of its ability. The biggest difference with jQuery at this level is that the Dominus wrapper is a real array. These arrays have been modified to include a few other properties in their prototype, but they don't change the native DOM array. See poser for more details on that one. All of this means you can .map, .forEach, .filter, and all of that good stuff that you're used to when dealing with JavaScript collections, and at the same time you get some extra methods just like with jQuery.

enlive - a selector-based (à la CSS) templating and transformation system for Clojure

  •    Clojure

Enlive is a selector-based (à la CSS) templating library for Clojure. David Nolen wrote a nice tutorial.

enlive - a selector-based (à la CSS) templating and transformation system for Clojure

  •    Clojure

a selector-based (à la CSS) templating and transformation system for Clojure

surgeon - Declarative DOM extraction expression evaluator. 👨‍⚕️

  •    Javascript

Declarative DOM extraction expression evaluator. Powerful, succinct, composable, extendable, declarative API.

jquery-facebook-multi-friend-selector - A jQuery based Alternative Facebook Multi-Friend Selector that uses the Graph API

  •    Javascript

I'm sorry. I haven't had any time to maintain this library (sadpanda). I'm looking for a volunteer to help maintain and progress the library... because everyone's friends deserve to be selected sometimes. This is an client side alternative to the Facebook Multi-Friend Selector that relies on jQuery. No server side component necessary which makes it really easy to adapt and use. Check out this blog post with more details and screencast. To see a demo go here. Click login and login to your facebook account and you should see the friend selector.

qwery - a query selector engine

  •    HTML

Qwery is a modern selector engine built on top of querySelectorAll giving you practical utility. 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.

specificity - A JavaScript module for calculating the specificity of CSS selectors

  •    Javascript

A JavaScript module for calculating and comparing the specificity of CSS selectors. The module is used on the Specificity Calculator website. Specificity Calculator is built for CSS Selectors Level 3. Specificity Calculator isn’t a CSS validator. If you enter invalid selectors it will return incorrect results. For example, the negation pseudo-class may only take a simple selector as an argument. Using a psuedo-element or combinator as an argument for :not() is invalid CSS3 so Specificity Calculator will return incorrect results.

Saas - CSS with superpowers

  •    Ruby

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. Sass boasts more features and abilities than any other CSS extension language out there.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.