<script type="text/javascript">
$(function(){
$("button").click(function(){
$(".tokyo").after("<span>東京です。</span>");
})
});
</script>
<p>ボタンを押すと、HTMLが追加されます。</p>
<button>ここをクリック</button>
<div class="tokyo"></div>
ボタンを押すタイミングで、イベントが発生し、
jQueryにて、.after が動作する。その結果、div に 東京です。
が追加される。
なお、この処理では、ボタンを押すたびに、どんどん
東京です。
が連続して追記されていく。
サンプルソース
