[국비지원] 3일차 수업- Jquery

오늘 수업 요약

 

그동안 쌩자바스크립트로 블록 요소를 클릭할때마다 해당되는 요소를 불러오게 만들었는데

오늘은 Jquery를 사용해서 하나하나 클래스를 지정하지 않고 구현할 수 있는 법을 배웠다.

 

Jquery

 

$(" ").메소드();

" " 사이에는 html의 블록 요소를 css처럼 넣어줄 수 있다.

메소드의 매개변수에는 css 스타일 값이 들어온다.

 

document.getElementById("");

 

html의 id값을 불러올 수 있다.

 

document.querySelector("");

 

html의 class 값을 불러올 수 있다.

 

.innerHTML

 

html 태그 안에 지정한 값을 넣어줄 수 있다.

 

.addEventListener();

 

특정 이벤트를 등록할 때 사용한다.

ex) ~를 클릭하면 ...해라

 

pic.src

 

이미지의 소스코드를 편집할 수 있다.

 

이미지 가운데 정렬 하는 법

 

position

left:50% 잡은 후

transfrom : translatex(-50%)