快好知 kuaihz订阅观点

 

JQuery的Autocomplete 插件如何应用

工具/材料

Sublime Text

操作方法

01:

首先打开Sublime Text软件,搭建好页面,然后引入样式库文件,如下图所示

02:

接下来在script中添加jquery的脚本库文本,如下图所示,智能提示的相关功能都在jquery-ui.min.js文件中

03:

然后在body标签中准备输入框,如下图所示,注意给输入框一个id属性,方便定位

04:

界面都搭建好以后,就需要准备数据源了,这里为了演示,小编准备了一个字符数组,如下图所示

05:

当然在正规的项目中,数据源都是从后台获取的,如下图所示,通常运用ajax从后台获取

06:

接下来就是通过autocomplete方法来进行智能提示实例化,如下图所示,注意传入数据源信息

07:

最后我们运行程序,你会在界面中看到如下图所示的内容,当你输入一个字母以后,它会给你包含这个字母的内容信息,如下图所示

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:Autocomplete  Autocomplete词条  插件  插件词条  应用  应用词条  JQuery  JQuery词条  如何  如何词条  
技术

 如何在Sublime Text软...

我们运用Sublime Text的时候,有时输入一个单词按一下TAB键就会出现一大堆写好的代码片段,这种功能节省了大量的开发时间。那么如何实现这种功能呢?下面小...(展开)

技术

 win7系统怎么设置家里多台电脑...

我们使用win7的时候经常需要和另一台电脑进行文件共享,那么该如何操作呢?下面小编给大家分享一下。操作方法01:首先右键单击要共享的文件,在下拉菜单中选择属性选...(展开)

技术

 共享充电宝怎么收费

共享充电宝是指企业提供租赁的充电设备,虽然不想共享单车那样普遍,但是在很多大城市还是很常见的,今天小编给大家说说共享充电宝是这么收费的?操作方法01:共享充电宝...(展开)