jQuery（$）是一個廣泛使用的JavaScript庫，它可以使Web開發變得更加快速和簡單。其中一個有用的功能是通過輸入框實現數據查詢匹配的功能。

首先，在HTML中創建一個輸入框和一個展示匹配結果的元素，如下：

<input type="text" id="query-input">
<div id="matching-results"></div>

接下來，在JavaScript中使用jQuery來獲取輸入框中的數據并實現匹配。

$(document).ready(function() {
$("#query-input").on("keyup", function() {
// 獲取輸入框中的內容
var query = $(this).val().toLowerCase();
// 執行匹配
$("#matching-results").empty();
$.each(data, function(index, value) {
if (value.toLowerCase().indexOf(query) !== -1) {
$("#matching-results").append("<p>" + value + "</p>");
}
});
});
});

代碼解釋：

1. 在DOM加載完成后，在輸入框上綁定一個鍵盤按下事件（keyup）。

2. 獲取輸入框中的內容，并將其轉換為小寫字母（忽略大小寫）。

3. 清空展示匹配結果的元素。

4. 遍歷數據（在這個例子中，我們假設“data”是一個包含所有可能匹配的數據的數組）。

5. 對每個數據執行匹配，并將匹配結果追加到展示匹配結果的元素中。

這個例子只是一個基礎的實現，你可以根據自己的需求對其進行修改和擴展。