jquery插件整理篇(四)自动补全类插件

简介: (1)AutoComplete-JQueryjQuery插件易于集成到现在的表单中(Form)。 (2)Facebook like Autocomplete 基于jQuery开发,类似于FaceBoox提供的AutoCompleter。

(1)AutoComplete-JQuery
jQuery插件易于集成到现在的表单中(Form)。


(2)Facebook like Autocomplete

基于jQuery开发,类似于FaceBoox提供的AutoCompleter。
二手图书 二手书 特价书 旧书网

(3)jQuery Autocomplete Mod 热点图书:www.hotbook.cn

jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。

(4)jqac 热点图书:www.hotbook.cn

基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。

(5)jQuery Tag Suggestion

类似于del.icio.us提供的tag suggesting功能。

(6)Autocomplete-jQuery ajax

利用 jQuery(Ajax),PHP和MySQL开发的AutoCompleter。

(7)jQuery.Suggest 热点图书:www.hotbook.cn

跨浏览器支持,基于jQuery开发的Autocomplete library。

(8)Autocomplete- jQuery plugin

一个jQuery Autocompleter,提供缓存选项来限制对服务器的请求。

(9)jQuery plugin: Autocomplete

自动完成输入框值让用户能够快速查找和过滤某些值。

(10)jSuggest

模仿Google Suggest功能的AutoComplete jQuery插件。

(11)jQuery Live Ajax Search Plug-in 热点图书:www.hotbook.cn

采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义,内容展示是一个HTML页面。

(12)ddcombobox

带AutoComplete功能的下拉选择框jQuery插件。


(13)Kissy Suggest

suggest.png

重写后的组件压缩后约 10k, 仅依赖 YUI2 的 yahoo-dom-event. 目前在淘宝已全面应用一个多月。现在开源出来,希望能对需要此功能的兄弟们有所帮助。源码地址:

http://kissy.googlecode.com/svn/trunk/src/suggest/ 热点图书:www.hotbook.cn

suggest-yui2.js 是源码,test.html 是测试页面,demo.html 是实例,demo-google.html 是利用该组件给谷歌恢复搜索提示的小玩意。如果在项目中真实使用,需要加载以下两个文件:

http://kissy.googlecode.com/svn/trunk/lib/yui2/yahoo-dom-event.js
http://kissy.googlecode.com/svn/trunk/build/suggest/suggest-yui2-min.js

可以很自信地说:这个组件目前无论在细节还是性能上,都是数一数二的。
欢迎试用和有效的建议。

PS:很感慨 Google 的产品,精致小巧,非常注意细节。Google 英文首页的搜索提示,看似简单,但极不简单。对键盘和鼠标等事件的细节处理上,没有看到比 Google 做得更好的。Kissy Suggest 在交互细节上基本上做到了和 Google 的一样,同时增加了对本土输入法的支持
(14)apple风格的自动填充效果

A fancy Apple.com-style search suggestion

目录
相关文章
|
JavaScript 前端开发
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.2 技巧:使用自动补全微件提示输入值
在一些网站上,你可以找到用于选择的下拉菜单,它们包含了极长的选项列表。在许多情况下,可以使用具有自动补全功能的输入框取代下拉式菜单来帮助用户。省去了滚动选择,用户只要输入目标选项的第一个字符,然后自动补全组件便可以完成剩下的事。
1835 0
|
前端开发 JavaScript HTML5
基于jquery的自动补全
写个简单的自动补全,供学习的朋友参考,希望对大家所有帮助 需要先引入jquery,注意自己的引入路径 <script type="text/javascript" src="js/jquery.min.js"></script> <input id="chooseCity" type="text" placeholder="输入城市
1395 0
|
前端开发 JavaScript Python
使用JQUERY的flexselect插件来实现将SELECT下拉菜单变成自动补全输入框
这也是下拉列表太长了之后,使用的同事提出来的意见, 然后,本来开始想将DJANGO的那个后台下拉菜单移植过来的,但发现不现实,也麻烦, 就找了几个JQUERY的插件测试了一下,最后选中了flexselect。
1424 0
|
Web App开发 JavaScript 前端开发
jquery插件整理篇(四)自动补全类插件
(1)AutoComplete-JQueryjQuery插件易于集成到现在的表单中(Form)。 (2)Facebook like Autocomplete 基于jQuery开发,类似于FaceBoox提供的AutoCompleter。
931 0
|
7月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
8月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
4月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
4月前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
19 0