• 技术文章 >web前端 >前端问答

    jquery中dom是什么意思

    长期闲置长期闲置2022-06-24 16:49:45原创251

    在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 
    });

    插入节点

    11.png

    视频教程推荐:jQuery视频教程

    以上就是jquery中dom是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎么设置带是否的提示框 下一篇:jquery链式编程是什么
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• Jquery怎么把json转为对象• jquery怎么给text文本框设置只读状态• jquery.parsejson转义怎么用• jquery流行的原因是什么• jquery的注释语句是什么
    1/1

    PHP中文网