jQuery append() メソッドは、指定されたコンテンツを jQuery コレクション内の選択された要素の最後の子 (末尾) として挿入するために使用されます。
append () メソッドと appendTo () メソッドは、同じタスクを実行するために使用されます。両者の唯一の違いは構文です。
構文 :
$(selector).append(content, function(index, html))
jQueryのappend()メソッドのパラメータ
パラメータ | 説明 | ||
---|---|---|---|
コンテンツ | これは必須のパラメータです。挿入したいコンテンツを指定します。可能な値は次のとおりです。
| ||
関数(インデックス、html) | これはオプションのパラメータです。挿入するコンテンツを返す関数を指定します。索引: | セット内の要素のインデックス位置を返します。HTML: | 選択した要素の現在の HTML を返します。 |
jQueryのappend()メソッドの例
jQuery の append() メソッドを説明する例を見てみましょう。
$(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' <b>Newly added appended text</b> .'); }); $('#btn2').click(function(){ $('ol').append('<li> <b>Newly added appended item</b> </li>'); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item今すぐテストしてください