站長資訊網
在jquery中，dom是“文檔對象模型”的意思，是“Document Object Model”的縮寫，是W3C國際組織的一套Web標準；dom定義了訪問HTML文檔對象的一套屬性、方法和事件，可被JavaScript用來讀取、改變HTML、XHTML以及XML文檔。
本教程操作環境：windows10系統、jquery3.6.0版本、Dell G3電腦。
jquery中dom是什么意思
jquery中的dom是指文檔對象模型（Document Object Model），是W3C國際組織的一套Web標準。它定義了訪問HTML文檔對象的一套屬性、方法和事件。
什么是DOM？
要改變頁面的某個東西，JavaScript 就需要獲得對 HTML 文檔中所有元素進行訪問的入口。這個入口，連同對 HTML 元素進行添加、移動、改變或移除的方法和屬性，都是通過文檔對象模型來獲得的（DOM）。
在 1998 年，W3C 發布了第一版的 DOM 規范。這個規范允許訪問和操作 HTML 頁面中的每一個單獨的元素。
所有的瀏覽器都執行了這個標準，因此，DOM 的兼容性問題也幾乎難覓蹤影了。 DOM 可被 JavaScript 用來讀取、改變 HTML、XHTML 以及 XML 文檔
HTML-DOM
HTML-DOM 在使用JavaScript和DOM為HTML文件編寫腳本，有許多專屬于HTML-DOM的屬性. HTML-DOM的出現甚至比DOM Core還要早，它提供一些更簡明的符號來描述各種HTML元素的屬性。
例如： 使用HTML-DOM來獲取表單對象 的方法： document.forms
CSS-DOM
CSS-DOM是針對CSS的操作。在JavaScript中，CSS-DOM技術的主要作用是獲取和設置style對象的各種屬性。通過改變style對象的各種屬性，可以使網頁呈現出各種不同的效果
設置某個元素style對象字體顏色的方法： elements.style.color = “red”;
JQuery中的DOM操作
查找節點
元素可以通過text()方法讀取其中的html內容，相當于DOM的innerHTML屬性
$(function(){ var $para = $("p"); // 獲取<p>節點 var $li = $("ul li:eq(1)"); // 獲取第二個<li>元素節點 var p_txt = $para.attr("title"); // 輸出<p>元素節點屬性title var ul_txt = $li.attr("title"); // 獲取<ul>里的第二個<li>元素節點的屬性title var li_txt = $li.text(); // 輸出第二個<li>元素節點的text });
插入節點
視頻教程推薦：jQuery視頻教程
