211017 TIL

CoderS·2021년 10월 17일
0

TIL DAY 77

오늘 배운 일

✔️ 코드잇에서 jQuery 배우기

  • 스크롤

    예 )

    어떻게 스크롤을 이용하게 될 것은...

    내리면 opacity를 0으로, 완전히 올리면 1

    방법은....

    위에 코드를 잘 보면, scroll이라는 이벤트에 div태그를 opacity를 줘서, 내릴수록 점점 희미해져가게 만들었다.

    결과물 :

    이번에는 밑에 Go To Top버튼을 누르면 위로 올라가게 만들어보겠다.

    위에 코드를 잘 보면, 버튼을 클릭하면 밑에 스크롤 되어있던 화면이 0.5초 시간동안 맨 위로 올라간다.

  • each

예 )

숫자 카드들 중 홀수와 짝수를 구별하는 방법

위에 사진을 잘 보면 짝수와 홀수 버튼이 있는데 짝수를 클릭을하면, 짝수 숫자 카드들이 파랑색으로 바뀔것이고 홀수를 클릭을하면, 홀수 숫자카드들이 파랑색으로 바뀐다.

위에 코드를보면, 짝수버튼을 클릭을해 each메소드를 사용해서 짝수인 숫자들한테 클래스를 지정한다.

결과값 :

홀수버튼을 클릭을해서 each메소드를 사용해 홀수인 숫자들한테 클래스를 지정한다.

느낀점 :

  • 오늘은 스크롤 이벤트와 each( )에 대해 배우는 시간을 가졌습니다.
  • 전에 학원에서 배운것들이어서 기억도나면서도 다시금 중요성에 대해 알아간다.
profile
하루를 의미있게 살자!

0개의 댓글