What does dom mean in jquery

In jquery, dom means "Document Object Model" and is the abbreviation of "Document Object Model". It is a set of Web standards of the W3C International Organization; dom defines a set of properties for accessing HTML document objects. , methods and events, can be used by JavaScript to read and change HTML, XHTML and XML documents.

The operating environment of this tutorial: windows10 system, jquery3.6.0 version, Dell G3 computer.

What does dom mean in jquery

The dom in jquery refers to the Document Object Model, which is a set of Web standards of the W3C international organization. It defines a set of properties, methods and events for accessing HTML document objects.

What is DOM?

To change something on the page, JavaScript needs to gain access to all elements in the HTML document. This entry, along with the methods and properties for adding, moving, changing, or removing HTML elements, is obtained through the Document Object Model (DOM).

In 1998, W3C released the first version of the DOM specification. This specification allows access and manipulation of every individual element in an HTML page.

All browsers have implemented this standard, so DOM compatibility issues are almost impossible to find. DOM can be used by JavaScript to read and change HTML, XHTML and XML documents

HTML-DOM

HTML-DOM Writing scripts for HTML files using JavaScript and DOM , there are many attributes specific to HTML-DOM. The emergence of HTML-DOM is even earlier than DOM Core, and it provides some more concise notations to describe the attributes of various HTML elements.

For example: Use HTML-DOM to get the form object method: document.forms

CSS-DOM

CSS-DOM is for CSS operate. In JavaScript, the main function of CSS-DOM technology is to obtain and set various attributes of the style object. By changing various attributes of the style object, the web page can present various effects.

Method to set the font color of a style object of an element: elements.style.color = “red”;

DOM operation in JQuery

Finding nodes

Elements can read their html content through the text() method, which is equivalent to DOM The innerHTML attribute

$(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 
});

Insert node

Video tutorial recommendation:jQuery video tutorial

The above is the detailed content of What does dom mean in jquery. For more information, please follow other related articles on the PHP Chinese website!