JS与JQ的DOM处理

JS:

1.访问HTML:document.getElementById("..");  documentByTagName("..");

2.DOM树节点分类：doucument(文档)、element(HTML元素)、text(文本内容)、attribute(元素属性)

3.访问DOM:nodeValue(存储节点的值)、nodeType(存储节点的类型)、childNodes(获取所有子节点的数组)、firstChild(获取第一个节点)、lastChild(获取最后一个节点)、nextSibling(访问右兄弟节点)、previousSibling(访问左兄弟节点)

4.操作节点的方法：removeChild()移除目标节点、createTextNode()创建文本节点、appendChild()添加目标节点、creatElement("p")创建元素节点、replaceNode()替换节点

JQ:

1.删除元素 ：$("..").remove();

               $("..").detach(); //可以用变量将detach删除的元素保存起来日后使用

               $("..").empty(); //删除元素中的内容

2.添加节点：$("..").append(节点); //添加节点

3.获取元素：parent() 获取父节点、.children()获取子节点的数组、.next()获取下一个节点、.prev()获取上一个节点

4.遍历一个元素的所有父元素: parents();

  遍历所选元素同一层上的所有元素：siblings();

5.元素替换：replaceWith();

6.元素插入：before()、after()

7.使用过滤器方法缩小选择范围：first()、last()、eq(n)获取数组中第n个元素、slice(a,b)第a个与第b个元素之间的元素、filter()选择与括号中指定选择器匹配的所有元素、

not()过滤掉与括号中指定选择器匹配的所有元素