jQuery中的DOM操作

DOM操作分类

jQuery中的DOM操作主要分为三个方面：即DOM Core（核心），HTML-DOM 和 CSS-DOM

1. DOM Core 并不专属于Javascript，任何一种支持DOM的程序设计语言都可以使用它，她不仅可以处理网页，也可以用来处理任何一种使用标记语言编写的文档，如XML
JavaScript中的getElementById()，getElementsByTagName()，getAttribute()，setAttribute()等方法，都是DOM Core的组成部分

2. HTML-DOM ：HTML-DOM的出现甚至是比DOM Core还要早，提供一些更简明的记号来描述各种HTML元素的属性
   document.forms和element.src都是HTML-DOM的一些方法

3. CSS-DOM 是针对CSS的操作， CSS-DOM 技术的主要作用是获取和设置style对象的各种属性。通过改变style对象的各种属性，可以使网页呈现出各种不同的效果。
   如element.style.color = 'red'等是CSS-DOM 的操作

jQuery中的DOM操作分类

jQuery中的DOM操作有如下几类：

• 查找节点：通过一些基本的jQuery选择器查找即可，可以分为《1》查找元素节点《2》查找属性节点
• 创建节点：可以分为《1》创建元素节点《2》创建文本节点《3》创建属性节点
• 插入节点：插入节点有很多的方法，有append()，appendTo() ，prepend()，prependTo()，after()，insertAfter()，before()，insertBefore()
• 删除节点：删除节点的方法也有不同种，如remove()，detach()，empty()
• 复制节点：使用clone()方法
• 替换节点：替换节点的方法也有两种replaceWith()和replaceAll()
• 属性操作：可以对属性进行不同的操作，有《1》获取属性和设置属性《2》删除属性
• 勇士操作：对样式可以进行不同的操作，有《1》获取样式和设置样式《2》追加样式《3》移除样式《4》切换样式《5》判断是否含有某个样式
  还多其他的操作，这里就不一一列举了