久久久久亚国产电影一|午夜日本永久乱码免费播放片|男女性高爱潮是免费国产|久久国产乱子伦精品视频免费

  • <td id="6yqwu"></td>
  • <td id="6yqwu"></td>
    <button id="6yqwu"><samp id="6yqwu"></samp></button>
  • JQuery的Autocomplete 插件如何應(yīng)用

    從靈子

    工具/材料

    SublimeText

    首先打開SublimeText軟件,搭建好頁面,然后引入樣式庫文件,如下圖所示

    JQuery的Autocomplete 插件如何應(yīng)用

    接下來在script中添加jquery的腳本庫文本,如下圖所示,智能提示的相關(guān)功能都在jquery-ui.min.js文件中

    JQuery的Autocomplete 插件如何應(yīng)用

    然后在body標(biāo)簽中準(zhǔn)備輸入框,如下圖所示,注意給輸入框一個(gè)id屬性,方便定位

    JQuery的Autocomplete 插件如何應(yīng)用

    界面都搭建好以后,就需要準(zhǔn)備數(shù)據(jù)源了,這里為了演示,小編準(zhǔn)備了一個(gè)字符數(shù)組,如下圖所示

    JQuery的Autocomplete 插件如何應(yīng)用

    當(dāng)然在正規(guī)的項(xiàng)目中,數(shù)據(jù)源都是從后臺獲取的,如下圖所示,通常運(yùn)用ajax從后臺獲取

    JQuery的Autocomplete 插件如何應(yīng)用

    接下來就是通過autocomplete方法來進(jìn)行智能提示實(shí)例化,如下圖所示,注意傳入數(shù)據(jù)源信息

    JQuery的Autocomplete 插件如何應(yīng)用

    最后我們運(yùn)行程序,你會在界面中看到如下圖所示的內(nèi)容,當(dāng)你輸入一個(gè)字母以后,它會給你包含這個(gè)字母的內(nèi)容信息,如下圖所示

    JQuery的Autocomplete 插件如何應(yīng)用