jQuery文字追加

jQueryの内容追加処理を紹介します。

基本内容

ソースコード：

<script type="text/javascript">
    $(function(){
        $("#btn01c").click(function(){
            $("<span>（</span>").prependTo("#divbasecontent");
        });
        $("#btn01d").click(function(){
            $("<span>）</span>").appendTo("#divbasecontent");
        });
        $("#btn01c1").click(function(){
            $("#divbasecontent").prepend($("<span>（</span>"));
        });
        $("#btn01d1").click(function(){
            $("#divbasecontent").append($("<span>）</span>"));
        });
    });
</script>
<button id="btn01c">先頭追加(prependTo)</button>
<button id="btn01c1">先頭追加(prepend)</button>
<p id="divbasecontent">
基本内容
</p>
<button id="btn01d">末尾追加(appendTo)</button>
<button id="btn01d1">末尾追加(append)</button>