在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函数================ ~ ~待续
以上是本文的内容,希望能对您有所帮助,谢谢您的支持!