关闭

append,appendTo和prepend #1daae2

271人阅读 评论(0) 收藏 举报
分类:

1.append(content)                                                                                        

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

1 <div>
2 <p name="p1">p1</p>
3 </div>

比如要向div中再添加一个p标签:

$('div').append('<p name="p2">p2</p>');  //结果为:

<div>
<p name="p1">p1</p>
<p name="p2">p2</p>
</div>

2.appendTO(content)                                                                  

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

如果想达到append()中的效果,则代码如下:$('<p name="p2"></p>').appendTo('div').

 

3.prepend(content)                                                                    
向每个匹配的元素内部前置内容。

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

prepend(function(index, html))

返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。

例1效果:$('div').prepend(function(0,'<p name="p2">p2</p>'));

小结:append(),appendTo()和prepend()都是在匹配元素的标签内追加,不同在于:append()和appendTo()是在元素的后面追加,而prepend()是在元素的最前面追加。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:46726次
    • 积分:1299
    • 等级:
    • 排名:千里之外
    • 原创:85篇
    • 转载:7篇
    • 译文:0篇
    • 评论:3条
    最新评论