jquery - prepend 和 prependTo 的区别。 jQuery

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 的元素要放在 prependTo 最后

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

来自documentation

The .prepend() and .prependTo() methods perform the same task.
The major difference is in the syntax-specifically, in the placement of the content and target.
With .prepend(), the selector expression preceding the method is the container into which the content is inserted.
With .prependTo(), on the other hand, the content precedes the method, either as a selector expression or as markup created on the fly, and it is inserted into the target container.

它对于链接最有用，因为两种方法都会返回该方法所应用到的元素，而不是前置的元素。