jQuery insertAfter() 메서드

jQuery HTML/CSS 메서드

insertAfter() 메서드를 사용하여 지정된 HTML 요소를 선택된 요소 뒤에 삽입합니다。

선택된 요소 앞에 HTML 요소를 삽입하려면,insertBefore()메서드.

내부에after()insertAfter() 메서드와 동일한 작업을 수행합니다. 주요 차이점은 문법입니다：

• 사용after()함수 앞에 표현식을 선택하면, 파라미터는 삽입할 내용입니다。

• 사용insertAfter()반대로, 내용이 메서드 앞에 있으며, 이는 파라미터 요소 뒤에 배치됩니다.

문법:

$(content).insertAfter(selector)

예제

각 문단 뒤에 HTML 요소를 삽입합니다:

$("button").click(function(){
　　$("<p　style="39;color:red;'>Hello　world</p>").insertAfter("p");
});

insertAfter() 메서드를 사용하여 선택된 요소 뒤에 기존 요소를 삽입합니다:

$("button").click(function(){
　　$("h1").insertAfter("p");
});

파라미터 값

jQuery HTML/CSS 메서드