[JavaScript] jQuery - 콜백함수

 

< 콜백함수 (Callback function) >

 

- 함수 실행 후 반환된 결과값을 가지고 반영

- 선택된 요소들에 순차적으로 접근할 때마다 해당 function()이 실행됨

 

<div class="test">테스트</div>
<div class="test">테스트</div>
<div class="test">테스트</div>
<div class="test">테스트</div>

<script>
    $(function() {
        // JavaScript
        /*
        var arr = document.getElementsByClassName('test')
        for(var i = 0;i <arr.length;i++) {
            arr[i].innerHTML = '<h1>' + i + '</h1>';
        }
        */

        // jQuery
        let count = 0;
        $('.test').html(function() { // 콜백함수
            return '<h1>' + count++ + '</h1>';
        });
    })

</script>