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影片教學#########

以上是jquery中dom是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！