DOM（Document Object Model）和jQuery都是前端開發(fā)中常用的操作頁面元素的工具，它們分別擁有不同的特點和適用場景。

$("button").click(function(){
$("p").toggle();
});

jQuery是一個輕量級的JavaScript庫，它為開發(fā)者提供了一種簡單、快速、靈活的方式來操作HTML文檔，封裝了許多常見的DOM操作以及實用工具函數(shù)，使開發(fā)者能夠更輕松地完成復雜的頁面效果。例如，上面的代碼使用jQuery實現(xiàn)了點擊按鈕后切換段落的顯示和隱藏。

var x = document.getElementById("myBtn");
x.addEventListener("click", displayDate);

然而，當需要進行更靈活的操作，比如定制化動畫效果、復雜的表單驗證等，jQuery可能就顯得有些力不從心了。這時候，我們可以使用原生的DOM操作，它可以提供更加底層的操作細節(jié)，實現(xiàn)更加個性化的需求。例如，上面的代碼使用原生JavaScript實現(xiàn)了點擊按鈕后觸發(fā)事件并展示日期。

綜上所述，DOM和jQuery各有優(yōu)劣，開發(fā)者可以根據(jù)實際需求，靈活選擇使用。