2021-10-08

DOM操作分为三类：

DOM Core ：任何一种支持 DOM 的编程语言都可以使用它，如 getElementById()

HTML-DOM ：用于处理 HTML 文档，如 document.forms

CSS-DOM ：用于操作 CSS ，如 element.style.color="green"

JavaScript 用于对 (x)html 文档进行操作，它对这三类 DOM 操作都提供了支持

jQuery中的DOM操作

jQuery 对 JavaScript 中的 DOM 操作进行了封装，使用起来也更简便

jQuery 中的 DOM 操作可分为：

样式操作

内容及 Value 属性值操作

节点操作

节点属性操作

节点遍历

CSS-DOM 操作

注意： “ 元素 ” 和 “ 节点 ” 含义大同小异，本章并不严格区分

节点操作

1、创建节点元素

工厂函数 $() 用于获取或创建节点

$(selector) ：通过选择器获取节点

$(element) ：把 DOM 节点转化成 jQuery 节点

$(html) ：使用 HTML 字符串创建 jQuery 节点

2、替换节点

replaceWith() 和 replaceAll() 用于替换某个节点

3、复制节点

clone() 用于复制某个节点

4、删除节点

jQuery 提供了三种删除节点的方法

remove() ：删除整个节点

detach() ：删除整个节点，保留元素的绑定事件、附加的数据

empty() ：清空节点内容