✔️ 코드잇에서 jQuery 배우기
스크롤
예 )
어떻게 스크롤을 이용하게 될 것은...
내리면 opacity를 0으로, 완전히 올리면 1
방법은....
위에 코드를 잘 보면, scroll이라는 이벤트에 div태그를 opacity를 줘서, 내릴수록 점점 희미해져가게 만들었다.
결과물 :
이번에는 밑에 Go To Top버튼을 누르면 위로 올라가게 만들어보겠다.
위에 코드를 잘 보면, 버튼을 클릭하면 밑에 스크롤 되어있던 화면이 0.5초 시간동안 맨 위로 올라간다.
each
예 )
숫자 카드들 중 홀수와 짝수를 구별하는 방법
위에 사진을 잘 보면 짝수와 홀수 버튼이 있는데 짝수를 클릭을하면, 짝수 숫자 카드들이 파랑색으로 바뀔것이고 홀수를 클릭을하면, 홀수 숫자카드들이 파랑색으로 바뀐다.
위에 코드를보면, 짝수버튼을 클릭을해 each메소드를 사용해서 짝수인 숫자들한테 클래스를 지정한다.
결과값 :
홀수버튼을 클릭을해서 each메소드를 사용해 홀수인 숫자들한테 클래스를 지정한다.
느낀점 :