스파르타 코딩클럽 웹개발 2주차

jQuery 다뤄보기

let temp_html = `HTML code`
$('#cards-box').append(temp_html)

• temp_html은 HTML이 아니고 string 형태, 이것을 jQuery를 이용해서 HTML로 변환함
• id를 가지고 $('#id').show(), .hide() 등의 작업 가능

jQuery 연습하기

• input box id를 가지고 input box 안의 값을 가져올 수 있음

  $('#input-box-id').val()

• string 형태의 HTML에서 변수를 사용하기 위해서는 다음과 같이 사용

  let txt = $('#input-q3').val() let txt_html = `<li>${txt}</li>

• id로 잡은 태그 안을 비우기 위해서는 empty 사용

  $('#names-q3').empty()