在节点内部插入文档

评论(1)

目前 Jquery 库中,文档内部插入的函数主要有,append、appendTo、prepend、prependTo四个函数。今天就用页面实例来讲解一下这四个函数的使用方法。

append 函数

向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
实例:

<div id="append" class="domtest">ccccc</div>
<script>
$(function(){
$('#append').append('dddd');
})
</script>

演示:

ccccc

appendTo 函数

把所有匹配的元素追加到另一个指定的元素元素集合中。

实例:

<div id="text1">ffff</div>
<div id="appendto" class="domtest">eeee</div>
<script>
$(function(){
$('#text1').appendTo('#appendto');
});
</script>

演示:

ffff
eeee

prepend 函数

向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。

prependTo 函数

把所有匹配的元素前置到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作,
即不是把B前置到A中,而是把A前置到B中。

总结

后面两个函数就不给实例了,后面的也都大同小异,
本来想要都做例子的,因为网速慢所以后面的就不写了,
这样看大概意思也就都能明白了。
里面的选择器相关知识你们可以看看我之前的文章,比如:Jquery 选择器之基本选择器
好了,祝你玩的开心。





转载请注明转自: 在节点内部插入文档