對于使用 Ionic 開發移動應用的開發者來說，引入 jQuery 庫是很常見的需求。實際上，盡管 Ionic 憑借其集成的原生 HTML 和 CSS 框架而強大，但有時在處理 DOM 操作方面并不那么方便，因此我們需要 jQuery 來輔助我們完成這些操作。

在 Ionic 中引入 jQuery 并不難，我們只需遵循以下步驟：

<!-- 首先在 index.html 文件中引入 jQuery 庫 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- 在需要使用的組件或頁面的 TypeScript 文件中引入 $ 符號 -->
import $ from 'jquery';

通過上述代碼，我們就成功地將 jQuery 庫引入了 Ionic 項目中，并在相應的組件或頁面中使用了 $ 符號。

現在我們來看一下在組件中使用 jQuery 的一個示例，以下是從一個列表中篩選出包含關鍵詞的項：

filterList() {
let searchInput = $('#search-input');
let searchTerm = searchInput.val().toLowerCase();
let items = $('.list-items .item');
items.each(function() {
let text = $(this).text().toLowerCase();
if (text.indexOf(searchTerm) === -1) {
$(this).hide();
} else {
$(this).show();
}
});
}

在上述代碼中，我們選中了search-input元素和list-items元素，分別表示搜索框和列表項。然后，通過遍歷每個列表項并將其文本轉換為小寫字母，以此來檢索是否包含搜索詞語。如果不包含，則隱藏該項；如果包含，則顯示該項。

通過上述示例，我們可以看到，通過引入 jQuery 庫后，我們能夠更加輕松地處理 DOM 操作。