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

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()方法
参数可以有两个,参数为一个时该参数为要查找的属性的名字,返回的是所查找的属性的值。
(三)创建节点
待补充…

猜你喜欢

转载自blog.csdn.net/Sunday97/article/details/83028473