https://github.com/stidges/jquery-searchable
Tiny, fast jQuery plugin to search through elements as you type.
https://github.com/stidges/jquery-searchable
filter javascript jquery search
Last synced: 2 days ago
JSON representation
Tiny, fast jQuery plugin to search through elements as you type.
- Host: GitHub
- URL: https://github.com/stidges/jquery-searchable
- Owner: stidges
- License: mit
- Created: 2014-03-07T14:04:29.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2018-05-13T10:50:34.000Z (almost 7 years ago)
- Last Synced: 2025-04-16T06:20:06.074Z (24 days ago)
- Topics: filter, javascript, jquery, search
- Language: JavaScript
- Size: 36.1 KB
- Stars: 150
- Watchers: 17
- Forks: 55
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
jQuery Searchable Plugin
========================
*Latest version: v1.1.0* (View the [changelog](#changelog))
Tiny, fast jQuery plugin to search through elements as you type. This plugin is created and maintained by **Stidges** ( [Twitter](http://twitter.com/stidges) | [Github](http://github.com/stidges) ).
## Features
- **Lightweight**. This plugin is only ~1kB minified and gzipped!
- **Fast**. This plugin is optimized for fast, lagless searching even through large element sets.
- **Multiple search types**. This plugin provides three different search types out-of-the-box! Fuzzy matching, strict (case sensitive) matching and default (case insensitive) matching.
- **Automatic row striping**. When searching through a table, rows get hidden when they don't match. When using a CSS framework like [Bootstrap](http://getbootstrap.com) this would mess up your table striping. This plugin makes allows you to define the CSS to be applied to odd and even rows, and updates them while searching.
- **Custom show/hide**. You can define custom functions for showing and hiding the elements while searching.
- **Search anything**. This plugin isn't restricted to use on tables, any set of elements that has 'rows' with 'columns' inside them can be used.
## Demo
[Click here](http://bootsnipp.com/snippets/93XX) to view a demo of this plugin in action (Hosted on [Bootsnipp](http://bootsnipp.com))
## Getting started
### Basic usage
After downloading this plugin, include it in your HTML file after loading jQuery:
```html
```
**Note**: If you want to support older browsers like