jquery中dom是什么意思

在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視頻教程