More than 5 years have passed since last update.

jQueryのappendメソッド

Last updated at 2018-10-01Posted at 2018-07-31

appendメソッドとは？

対象の要素の末尾に
テキストやHTML要素を追加するメソッド

<ul>
    <li>JavaScript</li>
    <li>React</li>
</ul>

このul要素にli要素を一つ追加したい・・・

$('ul').append('<li>jQuery</li>');

最終的には以下の様なHTMLとなる。

<ul>
    <li>JavaScript</li>
    <li>React</li>
    <li>jQuery</li>
</ul>

ボタンを押したら、何かが追加される・・・
などという実装に便利。