差異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

.prepend()和.prependTo()方法執行相同的任務。
主要區別在於語法 - 特別是內容和目標的放置。
使用.prepend（），該方法之前的選擇器表達式 是插入內容爲 的容器。
另一方面，使用.prependTo（）方法時，內容會先於 該方法，作爲選擇器表達式或在 fly上創建的標記，並將其插入到目標容器中。

它對於鏈接最爲有用，因爲兩個方法都會返回應用該方法的元素，而不是預先添加的元素。

Answer 2

這真的只是爲了鏈接。

x.prependTo(y)

會在前面加上X到Y，並返回原始集合X。

y.prepend(x)

也前插X到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'));