在jQuery和Javascript节点之间插入元素的方法比较

两。插入元素:



面对大海和春天的花朵



(1)jQuery方法

1。插入节点内部:




方法


解释





append()


向每个匹配元素添加内容





AppendTo()


添加所有的元素,另一组指定的元素实际上是换向使用附加()。例如,$()。追加(B)相当于$(B)Appendto(A)。





Prepend()


每个匹配元素的前额叶内容





PrependTo()


介词的所有匹配的元素到另一组指定的元素。事实上,对preprend使用()是相反的。比如$()。Prepend(B)和$(B)PrenpendTo(B)等价。





具体实现如下:


$()追加(),这是添加()方法,以添加第一个子节点插入段落的位置。
$(div)。Prepend(这是在()方法添加内容); / /插入段落位置的div元素的最后一个子节点下


以下两种方法更符合人们的一般思维,但效果是相同的。


$(这是appendto方法添加内容),AppendTo(div); / /段落插入第一个子节点位置元素div
$(这是prependto方法添加内容),PrependTo(div); / /段落插入div元素的最后一个子节点位置



2。在节点外插入:




方法


解释




后()



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




在()



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




InsertAfter()



将所有匹配的元素插入其他指定元素的集合的后面。




InsertBefore()



将所有匹配的元素插入其他指定元素的集合的前面。





具体实现如下:


$(),在()后面()方法添加内容之后;在后面的div元素中插入段落
$(),在()前面()方法添加内容之前);在前面的div元素中插入段落。



$(),在()后面()方法添加内容之后;在后面的div元素中插入段落
$(),在()前面()方法添加内容之前);在前面的div元素中插入段落。



3、appendto(),prependto(),在(),()方法都是具有破坏性的操作特点,那就是,如果内容已经选定,插入指定的对象的原始位置的内容将被删除。下面的实例选择和动作包含在原始的div元素的段落文本在DIV元素后,呈现如下:

$(p)。InsertAfter(div);


(二)Javascript方法

1、插入节点:appendChild()()()-追加相应的jQuery,insertBefore()--对应在jQuery()

请参阅上面的jQuery方法。

2、自定义Javascript扩展DOM函数================ ~ ~待续

以上是本文的内容,希望能对您有所帮助,谢谢您的支持!