[jquery] jQuery 입문 06 (170330)

jQuery 입문 06

• .eq( ) 

- $("p") 의 출력값 :  [p,p,p,p,p]

- $("p")[0] 의 출력값 : <p>김구라</p>

- $("p").eq(0) 의 출력값 : [p]

- 이 때, $("p")[0]는 이미 jquery객체가 아니므로 jquery이용이 불가능하다.

- $("p").eq(0)는 jquery 이용이 가능하다.

• jquery의 for문 .each 

- .each를 이용하면 배열의 갯수만큼 반복한다.

- jquery의 loop

- each(function(i, item){ }); 

- i 는 index값, item은 this값 (ex: <p>p1</p>) 을 담고있다.

예제1 >

예제2 >

• Each( )를 이용한 QUIZ >

화살표를 누르면 한장씩 슬라이드 되도록 만들어보세요.

ANSWER >

** 출력 결과 **

• QUIZ 응용1 >

더 이상 이미지가 없을 때는 움직임이 없도록 막아보세요.

ANSWER>