圖解基於jQuery的實時搜索插件?

Tags: 插件, 實時,

本篇經驗向大家推薦 14 款基於 jQuery 的實時搜索(自動完成)插件,可以在Web開發中為你的頁面和表單添加一些實用的功能。

方法/步驟

Live Search 2.0

該插件可以將一個普通的輸入框轉換成一個實時 AJAX 搜索部件。可以以任何你喜歡的 HTML 形式來顯示結果,搜索結果根據用戶輸入內容實時更新。

圖解基於jQuery的實時搜索插件

searchbox

該插件可以將任何文本框轉換成實時搜索框。

圖解基於jQuery的實時搜索插件

jQuery LiveSearch

該插件現在可以接受任何 jQuery 選擇器。所有狀態存儲在簡單的變量中,通過閉包(closures)來訪問。

圖解基於jQuery的實時搜索插件

jQuery Searchable DropDown Plugin

該插件可以將一個普通的下拉元素擴展成可搜索的部件。

圖解基於jQuery的實時搜索插件

Instant Search JQuery Plugin for SearchBlox

該插件可以輕鬆將你的普通搜索頁面更改為可自動完成的即時搜索頁面。

圖解基於jQuery的實時搜索插件

jQuery quickSearch

用於過濾用戶輸入的大數據集。

圖解基於jQuery的實時搜索插件

Autocomplete

利用搜索和過濾,使用戶能夠快速找到並從預填充的列表值中進行選擇。

圖解基於jQuery的實時搜索插件

SeacrhMeme

一個靈活的搜索框。

圖解基於jQuery的實時搜索插件

Live Search JQuery Plugin

該插件可以使普通的文本輸入框具有實時搜索的功能。

圖解基於jQuery的實時搜索插件

Live Search with Quicksilver Style

一個實時搜索插件,具有 Quicksilver 的風格。

圖解基於jQuery的實時搜索插件

jquery-marcopolo

一個基於 jQuery 的自動完成插件。

圖解基於jQuery的實時搜索插件

jQuery-Ajax Autosuggest Plugin

該插件具有通常的實時搜索功能,此外還具有:多個實例、傳遞自定義參數、返回 id 和值、鍵盤控制等功能。

圖解基於jQuery的實時搜索插件

AutoComplete

可以通過定義服務器端的自動完成(complete)相關的方法來使用該插件。

圖解基於jQuery的實時搜索插件

Live Search in WordPress with jQuery and Ajax

這是一個視頻教程,講解如何在 WordPress 儀表板中創建一個實時搜素部件。

圖解基於jQuery的實時搜索插件

相關問題答案