jQuery與Bootstrap是兩個在前端開發中非常常用的工具，本文將以簡單易懂的方式介紹它們的基本用法和優勢。 首先，jQuery是一個用于JavaScript的快速、小型和功能豐富的庫。使用jQuery可以極大地簡化JavaScript編程過程，讓開發者更快更高效地完成任務。比如，使用jQuery可以通過選擇器來獲取頁面元素并對其進行操作，如下所示：

$(document).ready(function() { 
$("button").click(function() { 
$("p").hide(); 
}); 
});

這是一個常用的隱藏段落元素的例子，其中$符號表示jQuery，$()函數用于選取元素，hide()函數用于隱藏指定元素。同時，jQuery也有眾多插件可供使用，如jQuery UI、jQuery Mobile等，豐富了頁面交互效果。 接下來，我們來看一下Bootstrap。Bootstrap 是一個開源的前端框架，包含了許多用于創建網站和 Web 應用程序的 CSS 和 JavaScript 工具。使用Bootstrap可以讓頁面在不同設備上展現出一致的效果，并且使用預定義的類和組件可以大幅減少 CSS 和 JavaScript 代碼的編寫。比如，使用Bootstrap的導航欄可以通過以下代碼實現：

以上代碼實現了一個簡單的導航欄，其中使用了多個Bootstrap的類，如navbar、navbar-expand-lg、navbar-light、bg-light等，使得導航欄具有統一的樣式和功能，并且能夠在不同尺寸的設備上進行自適應。 綜上所述，無論是jQuery還是Bootstrap，它們都是非常重要的前端開發工具，能夠極大地提高開發效率和頁面效果，并且得到了廣泛的應用和支持。希望本文能對初學jQuery和Bootstrap的開發者們提供一些幫助。