prepend和prependTo

以前对prepend和prependTo使用比较少，最近发现这两个方法是非常有用的

首先是源代码：

<h2>Greetings</h2> 
<div class="container">   
    <div class="inner">Hello</div>  
    <div class="inner">Goodbye</div>
</div>

首先来看prepend：

$('.inner').prepend('<p style="color:#ff0000">Test</p>');

结果：

再来看prependTo：

$('<p style="color:#ff0000">Test</p>').prependTo('.inner');

结果：

这样就明白了两个的语法不同了~~~~

 

注意:

下面再来点测试：

还是原来的html源代码,看下面的js

$('.inner').prepend('Test    ');

结果：

$('Test').prependTo('.inner');

结果：

由此可见，prependTo方法要添加的内容必须是带有容器的内容

 

相关文章可见:http://api.jquery.com/prependTo/