jQuery 문서 작업 - append() 메서드

jQuery 효과 참조 가이드

예제

각 p 요소의 끝에 내용을 삽입합니다:

$("button").click(function(){
  $("p").append("<b>Hello world!</b>");
});

개인 실습을 해보세요

정의와 사용법

append() 메서드는 선택된 요소의 끝(아직 내부에 있습니다)에 지정된 내용을 삽입합니다.

안내:append()과 appendTo() 이 메서드는 동일한 작업을 수행하지만, 내용의 위치와 선택자가 다릅니다.

문법

$("selector").append(content)
파라미터 설명
content 필수 사항입니다. 삽입할 내용을 지정합니다(HTML 태그를 포함할 수 있습니다).

함수를 사용하여 내용을 추가하다

지정된 요소의 끝에 내용을 삽입하는 함수를 사용합니다.

문법

$("selector").append(function(index,html))

개인 실습을 해보세요

파라미터 설명
function(index,html)

필수 사항입니다. 삽입할 내용을 정의하는 함수를 지정합니다.

  • index - 선택 사항입니다. 선택자의 index 위치를 수신합니다.
  • html - 선택 사항입니다. 선택자의 현재 HTML을 수신합니다.

jQuery 효과 참조 가이드