text() : 선택한 요소의 텍스트 내용을 설정하거나 반환
html() : 선택한 요소의 내용을 설정하거나 반환
val() : 사용자 입력 필드의 값을 설정하거나 반환, form요소의 값을 반환하거나 설정
attr() : 해당 요소의 명시된 속성의 속성값을 반환하거나 설정
$('li').each(function(i) {
let idx = i + 1;
$(this).text(`${idx}List Item`)
})
<위의 코드는 각li 앞에 li번호를 .text메서드를 활용하여 번호를 넣어준 코드다>
$(this).text(`${idx}List Item`)
${``} 이러한 문법을 자바스크립트에서 "템플릿 리터럴" 이라고 부르며, 템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다