JQuery的Autocomplete 插件如何應用
工具/材料
Sublime Text
操作方法
首先打開Sublime Text軟件,搭建好頁面,然後引入樣式庫文件,如下圖所示
接下來在script中添加jquery的腳本庫文本,如下圖所示,智能提示的相關功能都在文件中
然後在body標籤中準備輸入框,如下圖所示,注意給輸入框一個id屬性,方便定位
界面都搭建好以後,就需要準備數據源了,這裏爲了演示,小編準備了一個字符數組,如下圖所示
當然在正規的項目中,數據源都是從後臺獲取的,如下圖所示,通常運用ajax從後臺獲取
接下來就是通過autocomplete方法來進行智能提示實例化,如下圖所示,注意傳入數據源信息
最後我們運行程序,你會在界面中看到如下圖所示的內容,當你輸入一個字母以後,它會給你包含這個字母的內容信息,如下圖所示
-
尼康小痰盂50/1.8D標準定焦鏡頭使用方法
尼康的標頭叫人精,人類光學的精華,其他廠家也一樣,鏡頭都是從標頭開始向左右伸展,有了廣角和長焦的鏡頭,501.8d做爲持續在售的鏡頭,各家同規格的鏡頭基本都是最便宜的鏡頭,但鏡頭素質卻並不差。操作方法(01)尼康的50mm1.8d鏡頭是D型鏡頭,在D3000系列,D5000系列相機上不能...
-
Excel中根據身份證號求年齡性別和出生日期
在excel中怎麼根據身份證號來求得年齡性別和出生日期,讓小編教給你操作指南。判斷性別公式:(01)首先讓小編打開一個工作樣表作爲例子。如圖所示:(02)在C26單元格中輸入公式:=IF(MOD(MID(B26,17,1),2),"男","女")來判別男女。如圖所示:(03)下拉填充公式至所有人員行,如圖所...
-
CDR怎麼排弧形文字?
在使用cdr進行排版時,如何排出弧形文字呢,下面我們就來看看CDR是怎麼排弧形文字的吧其效果如圖所示:操作方法(01)在桌面上雙擊cdr的快捷圖標,打開cdr這款軟件,進入cdr的操作界面,如圖所示:(02)在該界面的工具區裏找到3點曲線工具如圖所示:(03)使用3點曲線工具,在繪圖區裏繪製...
-
PHP如何用正則匹配數據?
在做開發時,有時候需要在一段文字裏找出需要的字符,這時就需要用到正則表達式了。下面一起來看下具體怎麼使用正則查找數據。操作方法(01)我們先定義一個字符串,如圖,假設要從這段字符串裏,匹配找出網站的名字“搜狗”(02)然後定義一個正則表達式,解析下代碼,正則要放在斜...
相關文章
- Notepad++中TextFX Characters插件如何安裝
- IntelliJ IDEA中AspectJ插件的安裝及使用
- Intellij IDEA中如何安裝使用Maven Helper插件
- Android Studio中如何使用Materal插件生成圖標
- Angular如何應用timeout服務
- 華碩筆記本開機出現Aptio Setup Utility COpyr
- 電腦提示operating system not found怎麼辦
- Acrobat 2015中如何管理Document Cloud
- i like you but just like you是什麼意思?
- CAD激活問題:could not get debug privilege!