for문 관련 질문 드립니다.

[남서아]

for(let i=0; i<$('.tab-button').length; i++){
  $('.tab-button').eq(i).on('click', function(){
  $('.tab-button').removeClass('orange');
  $('.tab-button').eq(i).addClass('orange');
  $('.tab-content').removeClass('show');
  $('.tab-content').eq(i).addClass('show');
 });
 }

이 코드는 html이 로드될 때 1번 실행되는 코드로 아는데
그러면 html이 로드될 때 for문 내 코드들이 하나씩 찍히면서

$('.tab-button').eq(0).on('click', function(){
  $('.tab-button').removeClass('orange');
  $('.tab-button').eq(0).addClass('orange');
  $('.tab-content').removeClass('show');
  $('.tab-content').eq(0).addClass('show');
}
이 코드들을 0번째 부터 클래스 개수만큼 먼저 코드를 찍어놓고

후에 click 이벤트가 발생했을 시 해당 코드가 실행되는 건가요?

검사 페이지에선 코드가 하나씩 안찍혀있고 for문 내 코드만 떠서 질문드립니다.

[codingapple]

네 for 문법은 코드 복붙 문법일 뿐입니다 
이벤트리스너 안에 있는 코드는 이벤트발생시 실행됩니다

[글쓴이]

글