第二，插入元素：

Divp面朝大海，春暖花开/p/div (I)，jQuery方法

1.在节点内插入：

方法

解释

追加()

将内容附加到每个匹配元素的内部

appendTo()

将所有元素追加到另一组指定的元素实际上与append()的用法相反。例如，$(一)。追加(B)相当于$(B)。附录(一)

prepend()

在每个匹配元素的内部添加前言内容

前置到()

将所有匹配的元素添加到另一个指定的元素集中。实际上，preprend()的用法是相反的。例如，$(一)。prepend(B)相当于$ (b)。前置到(b)

具体实现如下：

$(“div”)。append('p这是append()方法添加的内容/p ')；//插入段落$ ('div ')。在div元素下的第一个子节点处进行prepend(' ptthis是prepend()方法添加的内容/p ')；//在div元素下的最后一个子节点插入段落。以下两种方法更符合人们的普遍思维，但效果是一样的

$('p这是appendTo方法添加的内容/p ')。appendo(' div ')；//将段落插入div元素$('p这是prependTo方法添加的内容/p ')的第一个子节点位置。前置到(' div ')；//将段落插入div元素的最后一个子节点

2.在节点外插入：

方法

解释

之后()

在每个匹配的元素后插入内容

之前()

在每个匹配的元素前插入内容

insertAfter()

在另一组指定的元素之后插入所有匹配的元素

insertBefore()

将所有匹配的元素插入到另一组指定元素的前面

具体实现如下：

$(“div”)。after('p这是after()方法添加的/p ')；//在div元素后插入段落$ ('div ')。before ('p这是before()方法/p '添加的内容)；//插入段落$ ('div ')。before before div元素(' p这是before()方法/p '添加的内容)；//在div元素后插入段落$ ('div ')。before ('p这是before()方法/p '添加的内容)；//在div元素前插入段落

3.AppendTo()、prependTo()、insertBefore()、insertAfter()方法具有破坏性的操作特性，即如果选中现有内容并将其插入到指定对象中，则会删除原位置的内容。以下示例选择原始div元素中包含的段落文本，并将其移到div元素后面。演示如下：$('p ')。insert after(' div ')；

(2) JavaScript方法

1.insert: appendChild()—对应jQuery的append()，insert before()—对应jQuery中的prepend()

具体效果见上面的jQuery方法。

2.自定义JavaScript扩展DOM函数===================未完待续~未完待续。

以上就是本文的内容。希望对大家有帮助。感谢大家的支持！