节点插入--对比jQuery和JavaScript方法(一)

时间:2023-03-08 23:03:42
节点插入--对比jQuery和JavaScript方法(一)

二、插入元素:

1 <div>
2 <p>面朝大海,春暖花开</p>
3 </div>

(一)、jQuery方法

1、在节点内部插入:

方法

说明

append()

向每个匹配的元素内部追加内容

appendTo()

把所有的元素追加到另一个指定的元素集合中,实际上是颠倒了append()的用法。如$(A).append(B)与$(B).appendto(A)是等价的

prepend()

向每个匹配的元素内部前置内容

prependTo()

把所有匹配的元素前置到另一个指定的元素集合中。实际上是颠倒了preprend()的用法。如$(A).prepend(B)与$(B).prenpendTo(B)等价

具体实现如下:

1 $("div").append("<p>这是append()方法添加的内容</p>");//在div元素下第一个子节点位置插入段落
2
3 $("div").prepend("<p>这是prepend()方法添加的内容</p>");//在div元素下最后一个子节点位置插入段落

下面这两种方法更符合人的一般思维,但效果是一样的

1 $("<p>这是appendTo方法添加的内容</p>").appendTo("div");//把段落插到div元素的第一个子节点位置
2
3 $("<p>这是prependTo方法添加的内容</p>").prependTo("div");//把段落插到div元素的最后一个子节点位置

aaarticlea/png;base64,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" alt="" />

2、在节点外部插入:

方法

说明

after()

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

before()

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

insertAfter()

把所有匹配的元素插入到另一个指定的元素集合的后面

insertBefore()

把所有匹配的元素插入到另一个指定的元素集合的前面

具体实现如下:

1 $("div").after("<p>这是after()方法添加的内容</p>");//在div元素后面插入段落
2
3 $("div").before("<p>这是before()方法添加的内容</p>");//在div元素前面插入段落
1 $("<p>这是insertAfter方法添加的内容</p>").insertAfter("div");//把段落插入到div元素后面
2
3 $("<p>这是insertBefore方法添加的内</p>").insertBefore("div");//把段落插入到div元素前面

aaarticlea/png;base64,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" alt="" />

 

3、appendTo(),prependTo(), insertBefore(),insertAfter() 方法具有破坏性操作特性,也就是如果选择已经存在内容,并把它们插入到指定对象中时,则原位置的内容将被删除。下面实例中将原div元素中包含的段落文本选中并移到div元素后面。演示如下:

1 $("p").insertAfter("div");

aaarticlea/png;base64,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" alt="" />

 

(二)、JavaScript方法

1、在节点内部插入:appendChild()—--对应于jQuery的append(), insertBefore()---对应于jQuery中的prepend()

     具体效果请看上面jQuery方法。。。

2、自定义JavaScript扩展DOM功能函数================待续~待续~待续