Jquery如何实现自动补全

1、首先我们先来看一下要实现的效果，如下图所示，在输入框输入a，下面会提示含有a的信息

2、然后我们开始实现功能，首先需要在页面中引入jquery的库文件，如下图所示

3、然后构建相关的页面，如下图所示，放置一个input和一个ul列表

4、然后在style标签下面给ul下面的li元素设置一些样式，如下图所示

5、然后在script标签里面，准备一个数据源数组，如下图所示，在实际的项目中这部分的数据源是从后台获取的，这里为了方便直接在这构建

6、最后我们给input元素绑定keyup事件，如下图所示，当按下键的时候就检测数据源中是否有匹配的数据

7、综上所述，Jquery中实现自动补全的功能主要是运用了keyup事件实现的，尤其注意数据源在实际项目中需要从后台获取