JQuery 연습하기 - append&forEach

채채·2024년 12월 26일

Study

목록 보기
2/6
post-thumbnail

JQuery 연습하기 영상 링크

  1. 내용 지우기
    1) 지정하기
    -<div> 태그에 적은 id를 지정하기
function checkreasult() {
let fruits = ['사과', '배', '감', '귤', '수박']
$(#'q1')
}


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

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



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

2) .append 활용해서 붙이기

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



  1. fruits의 값 붙이기
    1) 한 값만 지정해서 붙이기
    -${} 를 활용하기

    2) 여러 값을 붙이기
    -.forEach 활용하기 (fruits와 a로 수정하기)

기존 내용이 사라지고
사과



수박
이 나타난다.

0개의 댓글