阅读更多

8顶
2踩

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

1. Live Search 2.0

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



源码 + 演示

2. searchbox

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



源码 + 演示

3. jQuery LiveSearch

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



源码 + 演示

4. jQuery Searchable DropDown Plugin

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



源码 / 演示

5. Instant Search JQuery Plugin for SearchBlox

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



源码 / 演示

6. jQuery quickSearch

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



源码 / 演示

7. Autocomplete

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



源码 + 演示

8. SeacrhMeme

一个灵活的搜索框。



源码 / 演示

9. Live Search JQuery Plugin

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



源码 / 演示

10. Live Search with Quicksilver Style

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



源码 / 演示

11. jquery-marcopolo

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



源码 / 演示

12. jQuery-Ajax Autosuggest Plugin

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



源码 / 演示

13. AutoComplete

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



源码 + 演示

14. Live Search in WordPress with jQuery and Ajax

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



源码 + 演示

英文原文:14 jQuery Live Search Plugins
  • 大小: 58.6 KB
  • 大小: 57.4 KB
  • 大小: 68.6 KB
  • 大小: 79.6 KB
  • 大小: 48.5 KB
  • 大小: 53.3 KB
  • 大小: 53 KB
  • 大小: 53.3 KB
  • 大小: 70.3 KB
  • 大小: 63.2 KB
  • 大小: 54.9 KB
  • 大小: 56.3 KB
  • 大小: 56.5 KB
  • 大小: 58.6 KB
8
2
评论 共 8 条 请登录后发表评论
8 楼 autosuggestion 2017-06-23 15:51
92find.com的高校用户

7 楼 autosuggestion 2017-06-23 15:50
实现一个智能提示功能需要JavaScript、ajax、数据库、jsp/php很多知识,
如果数据量大还需要特殊优化,一个小功能,花费太大精力不合适

但这是个可有可无的功能吗,肯定不是
对用户而言,可以有效降低输入成本,在面对输入框时,获得更多提示,不用那么迷茫和无助
对站长而言,可以优先推送网站的关键信息,等于多了一个广告位。

一所大学图书馆的搜索框智能提示,大约50万个词条(书名)
他们使用的是www.92find.com的搜索框智能提示免费产品,
只要一行javascript代码,就可以实现baidu、淘宝搜索框提示的全部功能
比如:拼音匹配、拼音首字母匹配、模糊搜索、智能容错,
还可以自定义提示词汇及其排序权重
你只需要准备好自己的提示词汇表就可以了,
无需编写程序,
五分钟(真的是5分钟)就可以在线配置拥有
主流搜索引擎都有的自动提示(自动补全)功能
6 楼 wnli350 2012-06-07 17:49
sqj820123 写道
哎 是在是太气愤了,本来不想说 还是 补一条得了。不要老是觉得国外人牛,其实说到底 ,国人也可以做的很好的。 我再bushere.com上面的做的搜索 你不信可以实时搜索一把, 看看速度怎么样?

请问这位老兄为开源项目贡献了多少代码??
5 楼 sqj820123 2012-06-07 16:01
我不知道我这样说 会不会被封掉我的号 如果我真的被封掉号 我也觉得无所谓 我是iteye忠实的粉丝 ,但是希望以后再首页可以出现一些技术含量高的文章,至少对得起他的忠实粉丝。
4 楼 sqj820123 2012-06-07 16:00
我实现是不知道 这样的东西也可以上来新闻首页 是实在没有什么写那么忽悠人的 还是咋地??????
3 楼 sqj820123 2012-06-07 15:58
哎 是在是太气愤了,本来不想说 还是 补一条得了。不要老是觉得国外人牛,其实说到底 ,国人也可以做的很好的。 我再bushere.com上面的做的搜索 你不信可以实时搜索一把, 看看速度怎么样?
2 楼 sqj820123 2012-06-07 15:57
其实我看上面文章中 提到的14个例子,其实说真的 不知道是作者水平差还是怎么地? 其实都一般的,很容易实现的 ,你可以看看 www.bushere.com的例子上面的及时搜索 速度比他们的快不知道多少? 哎。 都是觉得国外的东西好。
1 楼 gxz1989611 2012-06-07 10:24
太多了,反而不知道用哪个,小编有时间写个综测,这样大家跳起来就方便多啦。哈哈

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • C# 加密 MD5加密

    C# 加密 MD5加密 System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(textBox2.Text, "MD5");

  • HashPasswordForStoringInConfigFile中的Md5算法并非常用的Md5算法

    今天在开发一个软件时,同时在B/S版和C/S版中都要用到MD5加密,在ASP.NET中使用的是 /**//// <summary> /// 取得MD5加密串 /// </summary> /// <param name="input">源明文字符串</param> /// <returns&g...

  • FormsAuthentication.HashPasswordForStoringInConfigFile 方法 之研究

    给定标识哈希类型的密码和字符串,该例程产生一个适合存储在配置文件中的哈希密码。   [C#] public static string HashPasswordForStoringInConfigFile(    string password,    string passwordFormat );   参数 password 要进行哈希运算的密码。 passwordF

  • 纠正:HashPasswordForStoringInConfigFile中的Md5算法并非常用的Md5算法

    本来我也以为System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile中的MD5和常用的一样可今天一试,结果有很大不同,比如test,HashPasswordForStoringInConfigFile编码成C8059E2EC7419F590E79D7F1B774BFE6 而应该是098f6bcd4621d3

  • 米勒罗宾素性检测算法

    米勒罗宾素性检测

  • 罗宾耐尔75700操作手册

    75700罗宾耐尔操作手册中英文双版

  • 斯蒂芬·罗宾斯-管理学导论

    整理发布的斯蒂芬·罗宾斯-管理学导论以实现多、快、好、省为目标,欢迎大家下载斯蒂芬·罗宾...该文档为斯蒂芬·罗宾斯-管理学导论,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

  • 2022年罗宾木业信息化经验分享(共16张PPT).pptx

    2022年罗宾木业信息化经验分享(共16张PPT).pptx

  • 安东尼·罗宾健康讲座

    日常生活休闲中,相信不少小伙伴可能需要安东尼·罗宾健康讲座,在这里,为大家整理发布了安东...该文档为安东尼·罗宾健康讲座,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

  • Retrieve the Windows 7 Password Hash on the Fly

    http://www.codeproject.com/Articles/332942/Retrieve-the-Windows-7-Password-Hash-on-the-Fly When it comes to getting access to the Windows password, there are a couple of tools available, like the w

  • 稀疏罗宾系数的数值辨识

    稀疏罗宾系数的数值辨识

  • 罗宾斯组织行为学课件

    罗宾斯组织行为学课件致力于为大家提供学习、参考最实用的资源,对罗宾斯组织行为学课件有需要的朋友,赶...该文档为罗宾斯组织行为学课件,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

  • 七天行动日志—掌握优势-安东尼罗宾1

    安东尼罗宾博客:http://blog.sina.com.cn/anthonyrobbins2011 第 1 天 掌握优势的力量 一、创造全方位成功人生的秘诀 二、掌控情绪

  • 罗宾斯《管理学》知识

    这是一款整理发布的罗宾斯《管理学》知识,适用于针对企业环境、规模、特点等进行参考学习,赶...该文档为罗宾斯《管理学》知识,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

  • 管理学(罗宾斯)思维导图

    管理学(罗宾斯)思维导图

  • 罗宾斯组织行为学课件PPT

    这是一款整理发布的罗宾斯组织行为学课件PPT,相信需要学习参考罗宾斯组织行为学课件PPT的你一...该文档为罗宾斯组织行为学课件PPT,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

  • 迦勒罗宾斯

    每当您提交到该存储库时,GitHub Pages都会运行从Markdown文件中的内容重建站点中的页面。 降价促销 Markdown是一种轻巧且易于使用的语法,可用于样式化您的文字。 它包括以下约定 Syntax highlighted code block #...

  • 罗宾斯托克

    罗宾斯托克

  • 安东尼罗宾名言名句大全,安东尼罗宾经典语录.doc

    安东尼罗宾名言名句大全,安东尼罗宾经典语录.doc

Global site tag (gtag.js) - Google Analytics