JavaScript
Article

5 jQuery Live Filter Plugins

By Sam Deering

Today here is a list of 5 jQuery Live Filter plugins. The general purpose of these plugins is to filter as you type which makes your search easier and faster. Usually the results appear through loading the entire dataset on document load and then simply hiding the ones that don’t match, leaving only the ones that match the search filter visible on screen. Enjoy!

Related Posts:

Update 19/05/2013: Found a cool drag/drop/filter plugin called jQuery.Shapeshift.

1. jQuery Fast Live Filter

Built for speed and ease of use. It was made because existing tools were inadequate (too slow, wrong feature set).


Fast Live Filter

Source
Demo

2. jQuery Filter Images (Search Filter)

A pretty nifty photo image search filter which searches and updates pictures to show when you start to type.


jQuery Filter Images

Source
Demo

3. Using jQuery to Manipulate and Filter Data

This plugin has four techniques to manipulate and filter date: hover effects, zebra rows, filtering, and sorting.


Using jQuery to Manipulate and Filter Data

Source + Demo

4. Live Text Search Function using jQuery

With just a few lines of code and a single text input box you can add a text filter to any site content.


Live Text Search Functio

Source
Demo

5. jQuery.liveFilter

A jQuery plugin to filter a list of data or elements.


liveFilter

Source
Demo

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.