JQUERY/함수

요소추가. append, prepend, before, after

나이많은 초보 2022. 8. 28. 18:52
    <h3>요소 추가 2</h3>
    <p>
        $(A).append(B) : B -> A 안에 마지막 추가  <br>
        $(A).prepent(B) : B -> A 안에 첫번째에 추가 <br>
        $(A).before(B) : B 를 A 앞에 추가<br>
        $(A).after(B) : B를 A 뒤에 추가 <br>
    </p>
    <!--h1#test5>laber{|과일박스|}-->
    <h1 id="test5">
        <laber>|과일박스|</laber>
    </h1>
    <script>
        $(function(){
            var interval=setInterval(function(){
                //$('#test5').append('사과');
                //$('#test5').prepend('배');
                //$('#test5').before('오렌지');
                $('#test5').after('수박');
                setTimeout(function(){
                    clearInterval(interval);
                },3000);
            },1000);
        });
    </script>