개발자 도전기
[국비지원] 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%)
'개발공부 > TIL' 카테고리의 다른 글
[공부 기록] (0) | 2024.02.09 |
---|---|
[국비지원] 6일차 수업 - 개인 작업 (1) | 2024.02.09 |
[국비지원] 4일차 수업 - Jquery (0) | 2024.02.06 |
[국비지원] 2일차 수업 - display, position, margin (0) | 2024.02.04 |
[국비지원] 1일차 수업-HTML, CSS (0) | 2024.02.01 |