JQuery的Autocomplete 插件如何應用

工具/材料

Sublime Text

操作方法

首先打開Sublime Text軟件，搭建好頁面，然後引入樣式庫文件，如下圖所示

接下來在script中添加jquery的腳本庫文本，如下圖所示，智能提示的相關功能都在文件中

然後在body標籤中準備輸入框，如下圖所示，注意給輸入框一個id屬性，方便定位

界面都搭建好以後，就需要準備數據源了，這裏為了演示，小編準備了一個字符數組，如下圖所示

當然在正規的項目中，數據源都是從後台獲取的，如下圖所示，通常運用ajax從後台獲取

接下來就是通過autocomplete方法來進行智能提示實例化，如下圖所示，注意傳入數據源信息

最後我們運行程序，你會在界面中看到如下圖所示的內容，當你輸入一個字母以後，它會給你包含這個字母的內容信息，如下圖所示