J-Query(두 번째 - 배열)

J - query를 사용하기 위해 다운 받은 후

html안에 위 처럼 지정해준다

<배열>

J-query로 배열을 관리할 때 each() 메소드 사용하며,

each() 메소드는 다음과 같이 두 가지 형태로 사용한다

1. $.each(object, function(index, item){ })

2. $(selector).each(function(index, item){ })

J-query의 배열 객체는 따로 만드는 것이 아니고, 선택자로 여러 개의 문서 객체를 선택할 때 생성된다.

먼저, style 태그에 high-light 클래스에 속성을 지정하고 그것을 each() 메소드를 사용하여 속성을 추가해줬다.

그러면 결과 값으로 

이렇게 출력이 된다.

addClass( ) -> 문서 객체에 class 속성을 추가하는 메소드

removeClass( ) -> 당연히 addClass( ) 의 반대 개념의 메소드

위에 보이는 것 과 같이 

function 매개 변수 item을 사용할 수도 있지만 this를 사용하기도 한다.

맨 아래의 경우로도 사용이 가능하다.

* index 는 객체의 키값 / item은 그 키가 가지는 값