我们用搜索引擎搜索信息的时候， 当在搜索框里输入一个字， 搜索引擎就会给我们智能的提示相近的信息 。 那么这种技术是如何实现的呢？其实运用Jquery的Autocomplete插件就可以实现 。 下面小编给大家分享如何使用这个插件 。 东西/材料 Sublime Text
操作方式 01 起首打开Sublime Text软件， 搭建好页面， 然后引入样式库文件， 如下图所示
文章插图
02 接下来在script中添加jquery的剧本库文本， 如下图所示， 智能提醒的相关功能都在jquery-ui.min.js文件中
文章插图
03 然后在body标签中筹办输入框， 如下图所示， 注重给输入框一个id属性， 便利定位
文章插图
04 界面都搭建好今后， 就需要筹办数据源了， 这里为了演示， 小编筹办了一个字符数组， 如下图所示
文章插图
05 当然在正规的项目中， 数据源都是从后台获取的， 如下图所示， 凡是运用ajax从后台获取
文章插图
06 接下来就是经由过程autocomplete方式来进行智能提醒实例化， 如下图所示， 注重传入数据源信息
文章插图
07 【JQuery的Autocomplete 插件如何应用】最后我们运行法式， 你会在界面中看到如下图所示的内容， 当你输入一个字母今后， 它会给你包含这个字母的内容信息， 如下图所示
文章插图
以上内容就是JQuery的Autocomplete 插件如何应用的内容啦， 希望对你有所帮助哦！
推荐阅读
- 嫁接长出来的是接穗还是砧木（嫁接长出来的是什么）
- 长寿花的叶子能扦插吗（长寿花的叶子是否能扦插）
- 有哪些出境必备的英语词汇？
- 杏树的修剪方法
- 如何开启极跃体育@我的消息通知
- 家居风水，你的秘密环境都知道！
- 二月初二，龙抬头的日子有哪些传说禁忌为什么这天要剪头发？
- 知道这些常见的风水物品，你也算半个风水先生了
- 如何关闭苹果手机的定位功能
- 如何增加大花蕙兰盆栽周围的空气湿度