jQuery の $(A).append(B) と $(B).appendTo(A) は単純に順序が逆なだけ、というわけではない。

$(A).append(B)

jQueryオブジェクトA」に「B」を追加する。 http://semooh.jp/jquery/api/manipulation/append/content/

$(B).appendTo(A)

jQueryオブジェクトB」が「A」に追加される http://semooh.jp/jquery/api/manipulation/appendTo/content/

決定的な違い
  • 上記は、どちらも「A」に「B」が追加される形となるが、引数が異なる。
  • appendは、「文字列、DOM Element、jQueryオブジェクト」を指定できる
  • appendToは、「コンテンツを指し示すセレクター(Sizzle)文字列」しか指定できない
これによって
  • 新しいオブジェクトを追加する場合は、「append」を使用するしかない。
  • 既存のオブジェクトでもappendToは、「セレクター」で追加する要素を指定する必要がある。

つまり

  • appendToは、既存のオブジェクトをセレクターを使って追加したい場合に使用する。