append,appendTo和prepend 区别
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.appendT0(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()是在元素的最前面追加。
相关推荐
Roka 2020-06-28
xhpscdx 2020-05-17
chaigang 2020-02-25
歆萌 2020-02-02
chunianyo 2019-12-21
疯狂紫萧 2019-12-14
PHP淮北PHP00网 2013-09-17
QCkiss 2019-11-04
歆萌 2019-11-03
Kwong 2019-10-22
宇智波鼬 2018-08-30
zhrookie 2011-11-18
81423067 2015-06-02
wewoor 2015-12-27
lizaochengwen 2019-03-19
stSahana 2016-11-01