在網頁開發中，DOM、BOM、jQuery是重要的概念，它們分別代表Document Object Model、Browser Object Model和jQuery庫。它們對于在網頁中操作和控制元素有著重要的作用。

DOM是瀏覽器提供的一種接口，它將整個文檔封裝為一個樹形結構，每個標簽和文本節點都是樹形結構上的一個節點，我們可以通過JavaScript操作這些節點，改變它們的屬性和內容，從而實現對網頁元素的控制。

var element = document.getElementById("demo"); // 獲取id為demo的元素節點
element.style.color = "red"; // 改變元素顏色為紅色
element.innerText = "Hello World!"; // 修改元素文本內容為Hello World!

BOM包含了瀏覽器窗口之外的一切內容，如地址欄、按鈕、歷史記錄、瀏覽器版本等信息。通過BOM，我們可以獲取和設置瀏覽器窗口的大小、位置、打開新窗口等，實現對瀏覽器的控制。

alert("瀏覽器寬度：" + window.innerWidth); // 獲取窗口寬度

jQuery是一個流行的JavaScript庫，提供了許多實用的方法，使網頁開發更加簡單。它大量封裝了DOM操作和事件綁定，兼容多瀏覽器，同時還提供了動畫效果、AJAX等功能。使用jQuery，可以極大地提高網站開發的效率。

$("#btn").click(function() { // 給id為btn的按鈕添加點擊事件
$("#box").toggle(); // 切換id為box的元素的顯示狀態
});