JS与JQ的DOM处理

JS:

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

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

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

JQ:

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

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

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

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

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

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

4.元素替换:replaceWith();

5.元素插入:before()、after()

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

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。