jQueryドキュメント操作 - prepend()メソッド

jQuery効果リファレンスマニュアル

例

p要素の先頭に内容を挿入します：

$(".btn1").click(function(){
  $("p").prepend("<b>Hello world!</b>");
});

自分で試してみる

定義と使用法

prepend() メソッドは選択された要素の先頭（内部にまだ位置しています）に指定された内容を挿入します。

ヒント：prepend() と prependTo() メソッドの効果は同じです。違いは構文：内容と選択子の場所、および prependTo() は関数を使用して内容を挿入することができません。

構文

$(selector).prepend(', 'content)
パラメータ 説明
content 必須。挿入する内容（HTMLタグを含む可）を規定します。

内容を追加するための関数を使用します

関数を使用して選択された要素の先頭に指定された内容を挿入します。

構文

$(selector).prepend(', 'function(index,html))

自分で試してみる

パラメータ 説明
function(index,html)

必須。挿入する内容を定義する関数を規定します。

  • index - オプション。選択子のインデックス位置を受け入れます。
  • html - オプション。選択子の現在のHTMLを受け入れます。

jQuery効果リファレンスマニュアル