[转载] 14 款基于 jQuery 的实时搜索插件推荐

本文带来 14 款基于jQuery的实时搜索(自动完成)插件,可以为你的页面和表单添加一些实用的功能。

1. Live Search 2.0

      该插件可以将一个普通的输入框转换成一个实时AJAX搜索部件。可以以任何你喜欢的HTML形式来显示结果,搜索结果根据用户输入内容实时更新。

d52ac30d-528d-3ca7-b178-b1c8e780b156.jpg

源码 + 演示

2. searchbox

      该插件可以将任何文本框转换成实时搜索框。

3e3e44b7-6225-34a2-948f-758b3f6bd1bc.jpg

源码 + 演示

3. jQuery LiveSearch

      该插件现在可以接受任何jQuery选择器。所有状态存储在简单的变量中,通过闭包(closures)来访问。

79308ab2-3f5c-36e2-91df-47f3033aea70.jpg


源码 + 演示


4. jQuery Searchable DropDown Plugin

      该插件可以将一个普通的下拉元素扩展成可搜索的部件。

17177d37-9197-363b-9206-e6bfd09b0370.jpg


源码 /
演示


5. Instant Search JQuery Plugin for SearchBlox

      该插件可以轻松将你的普通搜索页面更改为可自动完成的即时搜索页面。

fcfd3391-aacc-324f-9768-f8362cd413b9.jpg

源码 /
演示

6. jQuery quickSearch

      用于过滤用户输入的大数据集。

e387ee8e-26c7-386b-8390-99707f9f1a68.jpg

源码 /
演示

7. Autocomplete

      利用搜索和过滤,使用户能够快速找到并从预填充的列表值中进行选择。

0f1b330a-23e6-3b8c-8951-5141a0e4e435.jpg

源码 + 演示

8. SeacrhMeme

      一个灵活的搜索框。

6318e7fa-775e-3b47-9f64-48b4eab56295.jpg

源码 /
演示

9. Live Search JQuery Plugin

      该插件可以使普通的文本输入框具有实时搜索的功能。

780b7069-4889-34c2-916e-c2e047ec72de.jpg

源码 /
演示

10. Live Search with Quicksilver Style

      一个实时搜索插件,具有Quicksilver的风格。

f07e54f9-b807-3763-8094-c3c0aee956a7.jpg

源码 /
演示

11. jquery-marcopolo

      一个基于jQuery的自动完成插件。

f10d5dd7-d655-32c1-a020-c67299e29f27.jpg

源码 /
演示

12. jQuery-Ajax Autosuggest Plugin

      该插件具有通常的实时搜索功能,此外还具有:多个实例、传递自定义参数、返回id和值、键盘控制等功能。

df6a26f1-3847-3beb-a55d-05b767132b51.jpg

源码 /
演示

13. AutoComplete

      可以通过定义服务器端的自动完成(complete)相关的方法来使用该插件。

df4c9af7-6745-3033-9c30-f102a3354d94.jpg

源码 + 演示

14. Live Search in WordPress with jQuery and Ajax

      这是一个视频教程,讲解如何在WordPress仪表板中创建一个实时搜素部件。

11d54893-97e0-3743-98bc-22590d2073d0.jpg

源码 + 演示

英文原文:14 jQuery Live Search Plugins

原文地址:http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5593366&reltid=5592957&pre_thread_id=5593681&pre_pos=8&ext=