JQuery 연습하기 - append&forEach

JQuery 연습하기 영상 링크

 

1. 내용 지우기

1) 지정하기
- <div> 태그에 적은 id를 지정하기

function checkreasult() {
let fruits = ['사과', '배', '감', '귤', '수박']
$(#'q1')
}


<div id='q1'>
 <p>사과</p>
 <p>배</p>
 <p>감</p>

 

 

2) 내용 지우기
- .empty를 활용하기

 

 

 

2. 내용 붙이기

1)html을 만들어서 붙이기 (백틱 활용하기)

 

2) .append 활용해서 붙이기

 

기존 내용이 사라지고 '감자' 가 나타난다.

 

 

3. fruits의 값 붙이기

1) 한 값만 지정해서 붙이기

- ${ }를 활용하기

 

2) 여러 값을 붙이기

- .forEach 활용하기 (fruits와 a로 수정하기)

 

기존 내용이 사라지고

사과

배

감

귤

수박

이 나타난다.