DOM對象和jQuery對象是前端開發中非常重要的概念。 DOM（Document Object Model）對象指的是網頁（或XML文檔）在瀏覽器內存中的表現形式，即通過瀏覽器解析網頁后生成的網頁結構樹。
<html>
<head>
<title>DOM&jQuery</title>
</head>
<body>
<p>Hello World!</p>
<div id="box">
<p>我是一個div里的段落~</p>
</div>
</body>
</html>
//通過DOM對象獲取網頁中的元素
var box = document.getElementById('box');
var pList = box.getElementsByTagName('p');與DOM對象相對應的是jQuery對象。jQuery是一個JavaScript庫，它簡化了對DOM對象的操作，可以通過jQuery選擇器來獲取頁面元素，然后進行DOM操作。jQuery對象實質上是一個包含一個或多個DOM元素的數組，可以在其中執行各種操作。
//通過jQuery獲取頁面中的元素
var $box = $('#box');
var $pList = $box.find('p');
//通過jQuery動態改變元素樣式
$pList.css('color', 'red');
//通過jQuery動態添加元素
$box.append('<p>我是通過jQuery添加的段落~</p>');總的來說，DOM對象和jQuery對象都是前端開發中非常常見的操作方式，但是二者有一定的區別。DOM對象的操作相對來說更加原生、底層，需要對瀏覽器的兼容性以及代碼的效率有一定把控；而jQuery的操作則要更加便捷、高效，但也要注意保持代碼的簡潔、易于維護。
上一篇怎樣學習css3