jQueryでHTML要素を追加するメソッドが色々あるので整理するために、ちょっとまとめてみました。似たようなメソッドの名前なので混乱しそうです。大きく分けるとbefore,after,prepend,appendと、insertBefor,insertAfter,prependTo,appendToが似ているのでそれらの違いをまとめてみます。 before, after, prepend, append 挿入先の要素を基点にした場合、beforeとafterは外側に挿入されます。逆にprependとappendは挿入先要素の内側に挿入されるんですね。使い方は以下です。 JavaScript <script type="text/javascript"> $(function(){ $('#sample') .before('<div>before</div>') .after('<div
![jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた – bl6.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/0da77d10ec1a6e053e8bcd27a8cda258c1367c0f/height=288;version=1;width=512/https%3A%2F%2Fbl6.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F12%2Fjquery-tips.png)