jQuery 03

선택자

$("태그명:even") - 0부터 짝수번째 요소만 선택되어 css가 적용된다

$("태그명:odd") - 1부터 홀수번째 요소만 선택되어 css가 적용된다

 

jQuery로 slice 함수로 지정된 요소만 css 적용하기

DOM으로 함수로 지정된 요소만 css 적용하기  - jQuery처럼 만들어진 함수를 사용하지 않고 함수를 만들어

시작 인덱스, 끝 인덱스를 선언해서 시작 인덱스부터 끝 인덱스까지 요소를 불러온다

 

jQuery객체명.width() - 선택된 객체의 width 를 불러온다 = getAttribute("속성");

jQuery객체명.width('value') - 선택된 객체의 width에 'value'로 지정할 수 있다. = setAttribute("속성", "데이터");

 

 

코드분석

setInterval()로 box 객체가 커지다가 일정 길이가 되면 방향을 바꿔서 작아지다가

또다시 일정 길이까지 작아지면 다시 커지게 반복한다

변수 direction으로 커지고 작아지는 방향을 정했다.

jQuery함수에서 box.width()가 커질때 방향이 없으면 커지다가 일정길이가 되면 그 상태에서 멈춘다.

스스로 또다른 동작을 하지 않는다. 

그때 direction을 바꿔서 일정길이까지 작아질 수 있게 한다.