jQuery 기본 튜토리얼

jQuery 효과

append() 메서드를 사용하여 지정된 내용을 각 선택된 요소의 마지막 자식 요소로 삽입합니다。

선택된 요소의 시작에 내용을 삽입하려면prepend()메서드。

내용 삽입：

$(selector).append(content)

함수로 내용 삽입 사용하기:

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

모든段落에 텍스트 내용을 추가합니다：

예제

$("button").click(function(){
　　$("p").append("Hello　world");
});

HTML을 모든段落에 삽입합니다：

예제

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

이 예제는 document.createTextNode()를 사용하여 텍스트 노드를 생성하고 모든 <p> 요소에 삽입합니다:

예제

$("button").click(function(){
　　$("p").append(document.createTextNode("Hello world"));
});

함수로 내용 삽입 사용하기:

예제

$("button").click(function(){
　　$("p").append(function(i){
　　　　　　　return "<b>이 p 요소는 인덱스 "　+　i　+　".</b>";
　　});
});

파라미터	설명
content	선택된 각 요소의 끝에 삽입할 내용을 지정합니다(HTML 태그를 포함할 수 있습니다) 가능한 값: HTML 요소 DOM 요소 jQuery 객체
function(index, html)	insertContent를 반환하는 함수를 지정합니다 index-요소가 집합에서의 인덱스 위치를 반환합니다 html-선택된 요소의 현재 HTML을 반환합니다