prepend 和 prependTo的区别

时间:2022-06-20 20:36:22

如果我们想在两个p标签的内容前面插入'苹果',该怎么做呢?

<p>p1</p>
<p>p2</p>

1.使用append 

$('p').prepend('苹果')//在p标签的前面 加上 '苹果'
//结果为<p>苹果p1</p><p>苹果p2</p>

2.使用appendTo

$('苹果').prependTo('p')//将'苹果' 添加到  p标签里面内容的最前面

//结果为<p>p1</p><p>p2</p>

显然方法不奏效了,$(这里必须是个dom),如果硬要加的话只能给它加个标签了:

$('<span>苹果</span>').prependTo('p')
//结果为<p><span>苹果</span>'p1'</p><p><span>苹果</span>'p2'</p>