jQuery 기본 튜토리얼

jQuery 효과

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

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

내용 삽입:

$(selector).before(content)

함수로 내용 삽입 사용:

$(selector).before(function(index))

각 문단 앞에 내용 삽입:

예제

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

함수로 내용 삽입 사용:

예제

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

매개변수	설명
content	각 선택된 요소 앞에 삽입할 내용을 지정(HTML 태그를 포함할 수 있습니다) 가능한 값: HTML 요소 DOM 요소 jQuery 객체
function(index)	함수를 지정하여 삽입할 내용을 반환 index-셀렉터에 있는 요소의 인덱스 위치를 반환