jQuery 기본 튜토리얼

jQuery 효과

after() 메서드를 사용하여 선택된 요소 뒤에 지정된 내용을 삽입합니다.

선택된 요소 앞에 내용을 삽입하려면 사용하세요before()메서드.

내용 삽입:

$(selector).after(content)

함수를 사용하여 내용 삽입:

$(selector).after(function(index))

각 문단 뒤에 내용 삽입:

예제

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

함수를 사용하여 내용 삽입:

예제

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

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