prepend 和 prependTo的区别

如果我们想在两个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>

prepend 和 prependTo的区别相关推荐

jquery prepend和prependTo的区别
PrependTo:将DOMB添加到另外一个DOMA或jquery对象中把所有匹配的元素前置到另一个.指定的元素元素集合中. 实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作, ...
css中.prepend,prepend()和prependTo()方法在jquery中有什么区别
prepend()和prependTo()方法在jquery中有什么区别发布时间:2021-04-25 16:43:27 来源:亿速云阅读:51 作者:Leah prepend()和prepend ...
prepend与append的区别
prepend与append的区别 jquery中appendTo和prependTo函数都可以将元素添加到另一个元素,但是两个函数还是有一定却别的appendTo(content): 是将所有匹配的 ...
jQuery里.prepend()和.prependTo的方法使用。
首先我们来说.prepend()方法怎么使用 .prepend() 它是在某个选中元素的开头插入内容比如说我们选中p元素,那么他就会在p元素开头师插入内容. 我们用代码来实现一下该方法. <! ...
jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项...
这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂.如下: 方法源包装集/字串目标包装集体特性描述 A.append(B) B A 若目标包装集 ...
jQuery的append、appendTo、prepend、prependTo
元素1.append(元素2):把元素2添加到元素1内部最后元素2.appendTo(元素1):把元素2添加到元素1内部最后元素1.prepend(元素2):把元素2添加到元素1内部最前元素2. ...
jQuery中操作元素节点appendTo()与prependTo()的区别
1. appendTo(content): 将所有匹配的元素添加到另一个特定的目标元素中(加入作为最后一个子节点) 2.prependTo():同样的, 将所有匹配的元素添加到另一个特定的目标元素中. ...
jQuery append和prepend和appendTo的区别和用法
css中.prepend,js prepend() 和append()区别
prepend() 方法在被选元素的开头(仍位于内部)插入指定内容. prepend() 语法:$(selector).prepend(content) 或 $(selector).prepend(f ...

prepend 和 prependTo的区别

prepend 和 prependTo的区别相关推荐

最新文章

热门文章