jQuery Mobile 是一個(gè)基于 HTML5 的移動(dòng)應(yīng)用開發(fā)框架，允許開發(fā)人員使用簡單的 HTML、CSS、JavaScript 代碼快速構(gòu)建手機(jī)應(yīng)用。其中，篩選功能是其重要的一部分。

使用 jQuery Mobile 篩選組件，可以讓用戶輕松地瀏覽和查找應(yīng)用程序中的數(shù)據(jù)或內(nèi)容。開發(fā)人員可以使用filterable插件來創(chuàng)建篩選器。

<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="搜索...">
<li>Apple</li>
<li>Banana</li>
<li>Cherry</li>
<li>Durian</li>
</ul>

在上面的代碼中，我們首先將data-role屬性設(shè)置為listview，使該列表成為 jQuery Mobile 中的列表視圖。然后，我們將data-filter屬性設(shè)置為true，啟用篩選器功能。

通過設(shè)置data-filter-reveal屬性為true，我們可以讓篩選器在用戶輸入時(shí)顯示；而設(shè)置data-filter-placeholder屬性則可以讓輸入框顯示提示文本。

與此同時(shí)，我們還可以使用相應(yīng)的 JavaScript 代碼來動(dòng)態(tài)添加、刪除、更新篩選器。例如，我們可以使用以下代碼來手動(dòng)觸發(fā)篩選器：

$("#my-list").filterable("filter", "cherry");

最后，需要注意的是，與其他 jQuery Mobile 組件一樣，篩選器的外觀和行為可以通過 CSS 控制，以匹配您的應(yīng)用程序的樣式。