jQuery prependTo() 메서드

jQuery HTML/CSS 메서드

prependTo() 메서드는 각 선택된 요소의 시작 부분(첫 번째 자식 요소로)에 HTML 요소를 삽입합니다.

선택된 요소의 마지막 부분에 HTML 요소를 삽입하려면, 다음을 사용하십시오appendTo()메서드.

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

• 사용prepend()메서드 앞에 있는 선택자 표현식은 내용을 삽입할 컨테이너입니다.

• 사용prependTo()내용은 메서드 앞에 있는 선택자 표현식으로 위치하고, 그것을 목표 컨테이너에 삽입합니다

//prepend()
$("#btnpre").click(function(){
//이 메서드는 선택된 요소의 시작 부분(내부에 위치함)에 지정된 내용을 삽입합니다.
　　$("div").prepend("<p>Hello　prepend!</p>");
});
//prependTo()
$("#btnpreto").click(function(){
//prependTo() 메서드는 선택된 요소의 시작에(내부에 여전히 위치) 지정된 내용을 삽입합니다.
　　$("<p>Hello　prependTo!</p>").prependTo("div");
});

문법:

$(content).prependTo(selector)

예제

모든 구절의 시작에 <b> 요소를 추가합니다:

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

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

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

파라미터 값

jQuery HTML/CSS 메서드