jquery元素节点

1. XML 文档对象模型定义访问和操作XML文档的标准方法。

DOM 将 XML 文档作为一个树形结构，而树叶被定义为节点

Js

1. 源代码

<div id”box”> <p></p> </div>

1. js创建元素节点

4.通过console.Log(p)控制器输出得到<p></p>

5. 根据 DOM，XML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

• 整个文档是一个文档节点
• 每个 XML 标签是一个元素节点
• 包含在 XML 元素中的文本是文本节点
• 每一个 XML 属性是一个属性节点
• 注释属于注释节点

6.向box中添加元素节点

                     

7.setAttribute ()方法设置已有的属性值，或创建新的节点

    p.setAttribute("class", "par{ color:#ff0000;font-size:20px;}");

jq

8. 源代码

<div id”wrapper”> <p></p> </div>

9.jquery创建元素节点

$('<p><a href="#">content</a></p>')

10.使用append()方法将匹配元素结尾追加内容

$("#wrapper").append('<p><a href="#">content</a></p>')

Append():向每个匹配的元素内部追加内容。

这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

11.使用appendTo()方法将匹配的元素追加到指定元素集合中

$('<p><a href="#">content</a></p>').appendTo("#wrapper")

AppendTo():实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中

总结：js与jq中，实现相同的效果所使用的代码不同，相比而言，jq的方法比js更加精简，则可能就是jq比js更受欢迎的理由吧！