在網頁中，常常會出現需要實現搜索功能的地方，比如在一個表格中快速找到某個特定的數據，或在一個下拉列表中選擇符合條件的選項。而使用jQuery中的input搜索功能，則可以方便快捷地實現這種需求。 首先，我們需要在HTML中創建一個input元素，并指定其類型為“text”，以便用戶可以輸入搜索的關鍵字。如下所示：

<input type="text" id="search-input" placeholder="請輸入關鍵字" />

在這個例子中，我們為input元素指定了一個id屬性，便于在JavaScript中訪問它。 接著，我們需要為輸入框添加一個事件監聽器，以便在用戶輸入內容時執行搜索操作。jQuery中的事件監聽器可以使用“on()”方法來添加。如下所示：

$(function() {
$("#search-input").on("input", function() {
// 這里執行搜索操作
});
});

這段代碼中，“$(function(){});”是jQuery中的文檔就緒函數，它會在頁面所有元素加載完成后執行。我們在其中添加了一個事件監聽器，它監聽輸入框的“input”事件，即當用戶輸入內容時觸發。 在事件監聽器中，我們可以執行搜索操作。比如，我們可以使用jQuery中的“filter()”方法來篩選元素，從而找到符合搜索關鍵字的元素。如下所示：

$(function() {
$("#search-input").on("input", function() {
var keyword = $(this).val(); // 獲取輸入框中的搜索關鍵字
$("table tr").hide(); // 隱藏所有表格行
$("table tr:contains('" + keyword + "')").show(); // 顯示符合關鍵字的表格行
});
});

在這個例子中，我們首先獲取了輸入框中的關鍵字，然后使用“hide()”方法隱藏了所有表格行。接著，我們使用“:contains()”選擇器找到包含關鍵字的表格行，并使用“show()”方法顯示它們。 當然，這只是一個簡單的示例，你可以根據自己的需求來靈活地使用jQuery中的搜索功能。