JQueryDOM节点操作

)javascript中的DOM节点操作去创建一个元素document。createEIement,并为节点添加以下属性，element.setAttribute();可以使用innerHTML属性添加文本或HTML内容，去使用parentEIement.appendChild()方法将创建的节点添加到父节点中。
以下是一个例子：

2.DOM内部节点使用：
append()和appendTo()方法：
append()和appendTo()它们两个方法是功能相同，主要是语法——内容与目标位置不同。它们的顺序颠倒了。
append向每个元素内追加内容。
appendTo将所有匹配的元素追加到指定的元素中。
示例：

(3)prepend()与prependTo()方法：
prepend向每个匹配的元素内部前置内容。
例：$(“.akjn”).prepend(“<p>通过prepend动态添加的p标签</p>”)；prependTo把所有匹配的元素前置到另一个，指定的元素集合中。例：$(“

通过prependTo动态添加的p标签

”).prependTo(“.detan”);

3.DOM内部节点使用：
(4)after()和before()方法
after()向每个匹配的元素之后追加内容
例：KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲box”).after(“<p…(“#box”).before(“

通过before动态添加的p标签

”)；

(5)insertAfter()和insertBefore()方法
insertAfter()将所有匹配的元素追加到指定的元素后，
例：KaTeX parse error: Expected 'EOF', got '#' at position 47: …).insertAfter(“#̲box”); insertBe…(“

通过insertBefore动态的添加P标签

”).insertBefore(“#box”);

4.DOM删除节点：
(1)清空元素中的所有后代节点,该元素还在.而删除节点则将该元素与后代一起删除

(2)作用从DOM中删除所有的匹配的元素。

(3)以下方法不会把匹配的元素从jQuery对象中删除，它与remove()不同的是所有绑定的事件，附加的数据等都会保存下来。Deta()会移出对象，仅仅显示效果没有了。