我们用搜索引擎搜索信息的时候 ， 当在搜索框里输入一个字 ， 搜索引擎就会给我们智能的提示相近的信息 。那么这种技术是如何实现的呢？其实运用Jquery的Autocomplete插件就可以实现 。下面小编给大家分享如何使用这个插件 。
工具/材料
SublimeText
首先打开SublimeText软件 ， 搭建好页面 ， 然后引入样式库文件 ， 如下图所示


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

【JQuery的Autocomplete 插件如何应用】

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


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


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


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


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

• 私人影院|私人影院可以看上映多久的电影
• 私人影院|私人影院会放映正在上映的电影吗
• 武汉|武汉樱花5月还有吗
• 武汉|武汉樱花在哪个大学
• 武汉|3月份武汉的樱花开了吗
• 身体乳|果酸身体乳怎么样,护肤效果好的身体乳排行榜
• 身体乳|身体乳哪个牌子的补水保湿效果好,身体乳排行榜
• 面霜|好用的面霜公认最好用学生党,口碑最好十大面霜排行榜
• 女性统治者|世界十大女性统治者,世界历史上的女性统治者
• 长高|十个长高的科学方法秘诀 怎样长高最快最有效