Question

我真的不明白差异并使用prepend和prependTo。这是我的代码

HTML

<p>Hello</p>
<p>There</p>

的jQuery

var someText = ' Again ';
$('p:first').prependTo(' ' + someText);

但它没有执行。

demo

Answer 1

唯一的区别是顺序，prepend首先要添加的元素

var element = $('<div />')
$('p:first').prepend(element);

虽然prependTo具有预设到最后的元素

var element = $('<div />')
element.prependTo($('p:first'));

来自documentation

.prepend()和.prependTo()方法执行相同的任务   主要区别在于语法特定，内容和目标的位置   使用.prepend（），选择器表达式   在该方法之前是内容所在的容器   插入。
  另一方面，使用.prependTo（），内容先于   该方法，作为选择器表达式或作为标记创建   苍蝇，它被插入目标容器。

它主要用于链接，因为两种方法都会返回应用该方法的元素，而不是前面提到的元素。

Answer 2

这真的只是为了链接。

x.prependTo(y)

将x添加到y并返回原始集合x。

y.prepend(x)

也会将x添加到y之前，但会返回原始集合y。

Answer 3

语法的主要区别，见下文

$('.box').prepend("<div class='newbox'>I'm new box by prepend</div>");

和

$("<div class='newbox'>I'm new box by prependTo</div>").prependTo('.box');

有关详细信息，请参阅this

工作JSFiddle，在这里你需要在一些html元素中包装文本。我把它包裹在一个范围内

Answer 4

用于将文本或元素附加到另一个元素

 var someText = ' Again ';
    $('p:first').prepend(' ' + someText);

或者你可以试试这个

var someText = ' Again ';
(' ' + someText).prependTo($('p:first'));

差异前置和前置。 jQuery的

4 个答案: