📍 .append() 메소드
- 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가
이렇게 HTML 요소가 있을 때
.append() 메소드를 이용하면, 두번째 li 뒤에 새로운 요소를 추가할 수 있다.
📍 .prepend() 메소드
- 선택한 요소의 '첫번째'에 새로운 요소나 콘텐츠를 추가
이렇게 HTML 요소가 있을 때
.prepend() 메소드를 이용하면, 첫번째 li 앞에 새로운 요소를 추가할 수 있다.
📍 .appendTo() 메소드
- 선택한 요소를 '해당 요소 마지막'에 새로운 요소나 콘텐츠를 추가
- append() 메소드와 동일하지만, 소스와 타켓의 위치가 서로 반대 되어있다.
이렇게 HTML 요소가 있을 때
.appendTo() 메소드를 이용하면, 첫번째 p 뒤에 새로운 요소를 추가할 수 있다.
▶️ 안녕하세요. jQuery입니다.
📍 .prependTo() 메소드
- 선택한 요소를 '해당 요소의 첫번째'에 새로운 요소나 콘텐츠를 추가
- prepend() 메소드와 동일하지만, 소스와 타켓의 위치가 서로 반대 되어있다.
이렇게 HTML 요소가 있을 때
.prependTo() 메소드를 이용하면, p 앞에 새로운 요소를 추가할 수 있다.
▶️ jQuery입니다. 안녕하세요.
기존 요소의 내부 변경
📍 .html() 메소드
- 선택한 요소의 내용을 새로운 요소로 변경한다.
이렇게 HTML 요소가 있을 때
.html() 메소드를 이용하면, p 요소의 내용을 새로운 요소로 변경할 수 있다.
📍 .text() 메소드
- 선택한 요소의 내용을 단순 text로 변경한다.
이렇게 HTML 요소가 있을 때
.text() 메소드를 이용하면, p 요소의 내용을 새로운 text로 변경할 수 있다.
.html() 메소드와 .text() 메소드의 차이점
- html()은 선택한 요소의 내용에 html 태그가 포함되어 있으면 태그를 적용하여 표시를 하지만, text의 경우 html 태그를 적용하지 않고 문장 그대로를 표시하게 된다.
