jQuery之自動完成組件的深入解析_jquery

簡單實例

複製程式碼程式碼;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

樣式>
body{ padding:30px; }





< ;/html>



效果圖：

在上述程式碼中，在頁面初始化的時候將頁面上的輸入框包裝成jQuery對象，然後使用autocomplete()方法將其包裝成自動完成組件，同時初始化其最小響應長度選項和資料來源選項
2：自動完成組件的方法

有搜尋、開啟、聚焦、選取、關閉、變更事件

複製程式碼

程式碼如下：    function(event, ui) {      //event:觸發事件時的事件物件

    //ui,是使用者介面物件，ui.item是一個包含label和value的物件

}

複製程式碼

程式碼如下：