<style type="text/css"> .self { background-color:Yellow; } .sib { border: solid 1px Blue; margin: 5px } </style> ……中略…… <script type="text/javascript"> $(function() { $('div#self'). // <div id="self">要素を取得 prepend('<div class="sib">兄</div>'). // 子要素先頭に追加 append('<div class="sib">弟</div>'). // 子要素末尾に追加 before('<div>伯父さん</div>'). // 要素の前方に追加 after('<div>叔父さん</div>'); // 要素の後方に追加 }); </script> ……中略…
![第4回 要素の操作&ユーティリティ編](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e84fc6ab06f31b2e64248cbfc92fe06deb5bab5/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif)