jQueryのprependやappend、before、afterでDOMを操作し、html要素に位置を指定して複数追加したり、入れ子にする方法。

1.要素の前に追加する.before()

基準の位置

2.要素の後に追加する.after()

基準の位置

3.要素内の先頭に挿入する.prepend()

4.要素内の最後に挿入する.append()

5.appendで複数追加する

基準の位置

6.appendで追加した要素の中にさらに要素を追加する

基準の位置
解説記事に戻る