jQuery Autocomplete输入补全功能

输入框的智能补全功能，用 jQuery 搞定还挺方便的。jQuery Autocomplete这个插件就是老前端们经常用的利器，响应快、配置灵活、适配各种数据源，基本常规需求都能搞定。你只要绑一下.autocomplete()，配个source数据源，下拉建议立马来，体验立马提升不少。

输入搜索关键词、填地址、选产品，这些场景用它再合适不过了。静态数组也行，AJAX 动态求也行，甚至连JSONP都能整。想要求慢点儿？设置delay。想限制触发条件？配个minLength就搞定。哦对，还有select、open这些事件，交互逻辑你说了算。

样式也不麻烦，直接写 CSS 覆盖就行。如果你用的是 jQuery UI 的 Autocomplete，那功能更多了，像分类显示、多选支持、甚至还能整自定义模板。做复杂需求也不用太折腾。

要用？先把 jQuery 和 Autocomplete 插件的.js和.css引进来，像下面这样写：

$('#inputElement').autocomplete({
  source: ['苹果', '香蕉', '橙子'],
  minLength: 1,
  select: function(event, ui) {
    console.log(ui.item.value);
  }
});

数据源也可以换成服务器接口，source直接写 URL 就行，返回格式要是 JSON 就好。下拉列表位置可以通过appendTo控制，放哪里你说了算。

如果你懒得从头配，也可以直接看下这份资源，压缩包里有代码例子、样式和文档，一整套，抄起来更快。

还有几个不错的参考，像智能搜索提示框效果、搜索下拉提示，你可以一起看看。要是你项目里有搜索、筛选相关需求，强烈建议搞上这个，体验直接拉满。