Apple Javascript (7강 8강 정리)

7강 (jQuery 사용법 간단정리)

jQuery는 자바스크립트 문법에서 좀 간편하게 쓸 수 있다.

jQuery에서 쓰는 문법

$ = qureySelector 즉

$('.class').html('~~')
$('.class').css('color', 'red')

자바스크립트와 제이커리의 표현이다. 확실히 차이가 있다고 생각.

jQuery로 모달창 만들기

우선 HTML, CSS 정리를 해보면

이건 HTML이고,

이건 css이다. 그래서 로그인 버튼을 누르면 로그인 하세요 라고 따야 한다.

js? jQuery?

이렇게 jQuery문법으로 써 주면 로그인 버튼을 누르면 결과값을 나오게 만들 수 있다. 또 닫기 버튼을 만들어야 한다.

닫기버튼은 이렇게 추가를 해 보았다. jQuery로 응용한 css로 디스플레이 넌 으로 추가했더니 잘 해결이 됐는데, 닫기를 누르고 다시 버튼을 누르면 안 된다. 이것은 시간 될 때 해결해 보아야 할 거 같다.

느낀점

이제 점점 어려워 지기 시작하는데, 계속 정리를 하면서 모르는 부분이 있으면 또 읽어보고 이해해보아야한다고 생각한다.