푸들푸들

[스파르타코딩클럽 웹개발 기초] 2주차-3 / jQuery 본문

스파르타코딩클럽/웹개발 기초

[스파르타코딩클럽 웹개발 기초] 2주차-3 / jQuery

COCO_develop 2024. 4. 8. 17:32

jQuery

Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드, 라이브러리

 

jquery 코드스니펫 -head에 입력

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

id="title"
기본형 : $('#title').text(' ') ;

(저번 자의 onclick과 이어짐)

'영화 기록하기'버튼을 누르면 '킹덤'이 '쥬라기월드'로 바뀜

 

(1)

강의 코드스니펫 복사
위의 결과

 

리스트-딕셔너리 자료형 데이터
'결과 확인하기!' 버튼을 누르면&nbsp; c[1]['name']값인 '철수'가 나옴

 

(2)

강의 코드스니펫 복사
위의 결과

 

empty = 지우기
'결과 확인하기!' 누른 후 q1 부분이 지워짐
append = 붙이기
위의 결과

 

foreach문과 함께 써보기

**let temp_html = `<p>${a}</p>` → 함수 만들 때 백틱(`) 기호를 씀

   - 백틱(`) : 키보드 1 왼쪽, ~ 와 같이 있는 기호

위의 결과

 

people : 이름과 나이 바꾸기
위의 결과

 

 


스파르타코딩클럽

[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z

2주차 2-10 ~ 2-11