prepend()
prepend()はセレクタで指定した要素の先頭に要素を挿入します。
例えば次のようなHTMLがあったとします。
<h2>Greetings</h2>
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
次のスクリプトを実行することで全ての.innerの最後に引数で指定したHTMLが挿入されます。
$('.inner').prepend('<p>Test</p>');
<h2>Greetings</h2>
<div class="container">
<div class="inner">
<p>Test</p>
Hello
</div>
<div class="inner">
<p>Test</p>
Goodbye
</div>
</div>
引数にjQueryオブジェクトを指定することで要素を移動します。たとえば先程のHTMLに次のようなスクリプトを実行すると.containerの先頭にh2が移動されます。
$('.container').prepend($('h2'));
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
セレクタで指定した要素の最後に要素を挿入したい場合はappend()を利用してください。
jQuery 1.0.0での追加/変更prepend()はjQuery 1.0で定義されたメソッドです。
参考URL
.prepend() | jQuery API Documentation
登録日 : 2013年08月27日 最終更新日 : 2013年8月27日