jQuery insertBefore() 메서드

before() 선택 표현식을 함수 앞에 사용하고, 내용을 매개변수로 사용합니다.

jQuery HTML/CSS 메서드

insertBefore() 메서드는 지정된 HTML 요소를 선택된 요소 앞에 삽입합니다.

선택된 요소 뒤에 HTML 요소를 삽입하려면, 다음을 사용하십시오:insertAfter()메서드.

에서before()insertBefore() 메서드와 같은 작업을 수행합니다. 주요 차이는 문법입니다:

• 사용before()함수 앞에 표현식을 선택하고, 내용을 매개변수로 사용합니다.

• 사용insertBefore()반대로, 내용이 메서드 앞에 있으며, 이는 파라미터 요소 앞에 위치하게 됩니다

문법:

$(content).insertBefore(selector)

예제

각段落 앞에 HTML 요소를 삽입합니다:

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

insertBefore() 메서드를 사용하여 선택된 요소 앞에 존재하는 요소를 삽입합니다:

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

파라미터 값

jQuery HTML/CSS 메서드