jQuery 배열관리

jQuery의 배열 객체는 따로 만들지 않고 선택자로

여러 개의 문서 객체를 선택할 때 생성된다.

간단하게 style태그를 생성해 하이라이트를 넣어주자

15line의 addClass는 문서 객체에 class속성을 추가하는 메소드이다.

반대로 removeClass 가 있으며 이 메소드는 문서 객체의

class 속성을 제거한다.

addClass를 사용해서 h1태그에 하이라이트가

적용된다. 아래는 크롬 개발자도구로 확인한 모습이다.

이제 이번 포스팅의 주제인 배열관리를 위한 each를 알아보자.

17line에서 $('h1')으로 타겟을 잡게되면

h1태그 전체를 다 잡게된다. body태그에는 5개의

h1태그가 있으므로 5개의 h1태그를 잡게 되는것이다.

each를 사용해 5개의 각 객체를 다르게 설정 할 수 있다.

테스트를 위해 style태그를 수정해줬다.

17line처럼 기본적인 each메소드 사용을 위한 기본구조를

만들어주고 18line에서 각각의 h1태그에 addClass 를 해주어

각각 다른 하이라이트를 넣어준다.

(index는 0부터 시작한다.)

보통은 18line 에서 item을 직접 넣어주지않고 this키워드를

많이 사용한다.

addClass메소드에는 아래처럼 함수를 넣어줄 수 있다.