jQuery輸入框過濾是一種非常實用的功能，在網站中很常見，通常用于過濾搜索結果或限制用戶輸入內容。本文將介紹如何使用jQuery實現輸入框過濾。

首先，需要在HTML中定義一個輸入框和顯示結果的容器。

<input type="text" id="filter-input" placeholder="輸入關鍵字">
<ul id="filter-result"></ul>

接著，通過jQuery監聽輸入框的keyup事件，獲取輸入框內容，并進行過濾。

$('#filter-input').keyup(function(){
var keyword = $(this).val();  // 獲取輸入框內容
$('#filter-result li').hide();  // 隱藏所有結果
$('#filter-result li:contains('+keyword+')').show();  // 顯示符合條件的結果
});

代碼中的:contains選擇器表示包含指定文本的元素，可以根據實際情況進行調整。同時，使用hide()和show()方法控制元素的顯示和隱藏。

完整的示例代碼如下：

<input type="text" id="filter-input" placeholder="輸入關鍵字">
<ul id="filter-result">
<li>蘋果</li>
<li>香蕉</li>
<li>西瓜</li>
<li>桃子</li>
<li>梨子</li>
</ul>
<script>
$('#filter-input').keyup(function(){
var keyword = $(this).val();
$('#filter-result li').hide();
$('#filter-result li:contains('+keyword+')').show();
});
</script>

以上就是使用jQuery實現輸入框過濾的方法，希望對大家的開發工作有所幫助。