jQuery append() メソッド

❮ jQuery HTML/CSS メソッド

全 <p> 要素の後にコンテンツを挿入する:

$("button").click(function(){
    $("p").append("<b>Appended text</b>");
});
Try it Yourself »

定義と用法

append() メソッドは、選択した要素の末尾に指定のコンテンツを挿入します。

チップ: 選択した要素の先頭に指定のコンテンツを挿入するには、 prepend() メソッドを使用します。


構文

$(selector).append(content,function(index,html))

パラメータ 説明
content 必須。挿入するコンテンツを指定(HTML タグを含むことができる)

指定可能な値:

  • HTML 要素
  • jQuery オブジェクト
  • DOM 要素
function(index,html) 任意。挿入するコンテンツを返す関数を指定する
  • index - セット内の要素のインデックス位置を返す
  • html - 選択した要素の現在の HTML を返す

Try it Yourself - 例

append() - HTML、jQuery、DOM でコンテンツを作成する
append() メソッドを使用してコンテンツを挿入する。

関数を使用してコンテンツを付加(append)する
選択した要素の最後にコンテンツを挿入するために関数を使用する方法。


❮ jQuery HTML/CSS メソッド