HTML要素の追加

append()メソッド

セレクタで指定された要素を親要素として、その子要素のうち、最後の子として末尾にダブルクオートの中に記述された「新しい子要素」を追加する。

$("セレクタ").append("新しい子要素");
/* $("新しい子要素").appendTo("セレクタ"); と同じ */

prepend()メソッド

「append」とは逆で、セレクタで指定された要素内の先頭にダブルクオートで記述された「要素」を追加する。

$("セレクタ").prepend("要素");
/* $("要素").prependTo("セレクタ"); と同じ */

before()メソッド

「before」は、セレクタで指定された要素の直前にダブルクオートの中に記述された「新しい兄弟要素」を追加する。

$("セレクタ").before("新しい兄弟要素");
/* $("新しい兄弟要素").insertBefore("セレクタ"); と同じ */

after()メソッド

「after」は、セレクタで指定された要素の直後にダブルクオートの中に記述された「新しい兄弟要素」を追加する。

$("セレクタ").after("新しい兄弟要素");
/* $("新しい兄弟要素").insertAfter("セレクタ"); と同じ */
inserted by FC2 system