jQuery Autocomplete 插件是一個(gè)用于自動(dòng)完成輸入框的 jQuery 插件。它可以向用戶顯示一個(gè)下拉列表，顯示與他們輸入的內(nèi)容匹配的選項(xiàng)。它非常適合需要用戶輸入自由文本，并在用戶輸入中提供自動(dòng)完成功能的應(yīng)用程序。

$(function() {
var names = [
"John",
"Jane",
"Jim",
"Jill"
];
$("#autocomplete").autocomplete({
source: names
});
});

上面的代碼是將自動(dòng)完成綁定到id為“autocomplete”的輸入框。我們定義了一個(gè)名為“names”的數(shù)組，該數(shù)組中包含了要用于自動(dòng)完成的名字列表。然后，我們調(diào)用 Autocomplete 插件，使用 source 選項(xiàng)將名稱數(shù)組傳遞給它。

jQuery Autocomplete 還有很多其他的選項(xiàng)。例如，您可以更改下拉列表中的項(xiàng)目數(shù)量，更改選擇某個(gè)項(xiàng)目的方式，以及定制下拉列表的樣式和外觀。

$("#autocomplete").autocomplete({
source: names,
minLength: 3,
select: function(event, ui) {
alert(ui.item.value + " selected");
},
classes: {
"ui-autocomplete": "highlight"
}
});

在上面的代碼中，我們添加了一些其他的選項(xiàng)。minLength 選項(xiàng)指定在顯示下拉列表之前用戶必須輸入多少個(gè)字符。select 選項(xiàng)定義在用戶選擇一個(gè)項(xiàng)目時(shí)發(fā)生的操作。最后，classes 選項(xiàng)使我們能夠添加自定義 CSS 樣式來美化下拉列表。

無論您需要為您的用戶提供自動(dòng)完成功能，jQuery Autocomplete 插件都是實(shí)現(xiàn)此目的的強(qiáng)大工具。使用上面的示例代碼和文檔中提供的其他選項(xiàng)，您可以輕松地將自動(dòng)完成添加到您的應(yīng)用程序中。