요소 추가...appendTo, prepentTo, insertBefore..Afert

<h1>요소(태그)추가 /삭제 함수</h1>

    <p>

        $(A).apppendTo(B) : A -> B 안에 마지막 추가  <br>

        $(A).prepentTo(B) : A -> B 안에 첫번째에 추가 <br>

        $(A).insertBefore(B) : A 를 B 앞에 추가(동위요소) <br>

        $(A).insertAfter(B) : A를 B 뒤에 추가 <br>

    </p>    

    <!--(h1#test$>laber{ - 기준 - })*4-->

    <h1 id="test1">

        <laber> - 기준 - </laber>

    </h1>

    <h1 id="test2">

        <laber> - 기준 - </laber>

    </h1>

    <h1 id="test3">

        <laber> - 기준 - </laber>

    </h1>

    <h1 id="test4">

        <laber> - 기준 - </laber>

    </h1>

    <script>

        $(function(){

            var interval = setInterval(function(){

                $('<laber>appendTo()</laber>').appendTo($('#test1'));  //안.마지막에

               $('<laber>prependTo()</laber>').prependTo($('#test2')); //안.앞에 추가

               $('<label>insertBefore()</label>').insertBefore($('#test3'));//a를b앞

              $('<label>insertAfter()</label>').insertAfter($('#test4'))//a를 b뒤

                setTimeout(function(){

                    clearInterval(interval);

                },2000);

            }, 1000)

        });

    </script>