프로그래밍 사전

기능: prepend() 메서드는 선택한 요소의 시작 부분(아직 내부)에 지정된 내용을 삽입합니다. prepend() 및 prependTo() 메서드는 동일한 효과를 갖습니다. 차이점은 구문에 있습니다. 내용과 선택기의 위치와 prependTo() 함수를 사용하여 내용을 삽입할 수 없다는 사실입니다.

구문: $(selector).prepend(content)

매개변수:

Parameters	Description
content	필수입니다. 삽입할 콘텐츠를 지정합니다(HTML 태그 포함 가능).

함수를 사용하여 콘텐츠 추가: 함수를 사용하여 선택한 요소의 시작 부분에 지정된 콘텐츠를 삽입합니다.

구문: $(selector).prepend(function(index,html))

매개변수:

매개변수	Description
function(index,html)	필수입니다. 삽입할 내용을 반환하는 함수를 지정합니다.
index	선택사항. 선택기의 인덱스 위치를 승인합니다.
html	선택사항. 선택기의 현재 HTML을 허용합니다.

jquery prepend() 메서드 예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").prepend("<b>Hello world!</b> ");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的开头插入内容</button>
</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

jquery prepend() 메서드

제출하다