jQuery中的DOM操作——总结了相关DOM操作的方法

本文深入解析了DOM(Document Object Model)的概念,介绍了DOMCore、HTML-DOM和CSS-DOM的不同应用,以及如何通过Javascript和jQuery进行DOM操作,包括查找、创建和修改网页元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DOM是一种与浏览器,平台,语言无关的接口,使用该接口可以轻松的访问页面中所有的标准组件,它给予了web设计师和开发者一套标准的方法,让他们能够轻松的获取和操作网页中的数据,脚本和表现层对象。

DOM操作的分类

分为三个方面:DOM Core(核心), HTML-DOMCSS-DOM
(一)DOM Core

  • DOMCore并不专属于Javascript,任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,例如XML。
  • Javascript中的getElementById(),getElementByTagName(),getAttribute和setAttribute()等方法,这些都是DOM Core 的组成部分。
  • 例如:

@ 使用DOM Core来获取表单对象的方法

document.getElementByTagName("form");

@使用DOM Core来获取某元素的属性的方法

element.getAttribute("src");

(二)HTML-DOM
例如:
@使用HTML-DOM来获取表单对象的方法

document.forms;//HTML-DOM提供了一个forms对象

@使用HTML-DOM来获取某元素的src属性的方法

element.src;

(三)CSS-DOM

  • CSS-DOM是针对CSS的操作,在javascript中,CSS-DOM技术的主要作用是获取和设置style对象的各种属性。
  • 例如:
    @设置某元素style对象字体颜色的方法
element.style.color="yellow";
jQuery中的DOM操作

(一)查找元素节点
利用jQuery的各种选择器可以用来查找元素节点

(二)查找属性节点
attr()方法
参数可以有两个,参数为一个时该参数为要查找的属性的名字,返回的是所查找的属性的值。
(三)创建节点
待补充…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值