"JQuery .prepend()"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 5개는 보이지 않습니다)
5번째 줄: 5번째 줄:


==예시==
==예시==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<style>
<style>
p { background: orange; }
p { background: orange; }
13번째 줄: 13번째 줄:
<p>잘가</p>
<p>잘가</p>


<script src="//code.jquery.com/jquery.min.js"></script><script>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$('p').prepend('친구야! ');
$('p').prepend('친구야! ');
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle>enz2q6en</jsfiddle>
<jsfiddle height='180'>enz2q6en</jsfiddle>


==같이 보기==
==같이 보기==
*[[jQuery .prependTo()]]
* [[jQuery .prependTo()]]
*[[jQuery .append()]]
* [[jQuery .append()]]
*[[jQuery .appendTo()]]
* [[jQuery .appendTo()]]
*[[jQuery .html()]]
* [[jQuery .html()]]
*[[jQuery .text()]]
* [[jQuery .text()]]
* [[jQuery .before()]]
* [[함수 unshift()]]


==참고 자료==
==참고==
*http://api.jquery.com/prepend/
*http://api.jquery.com/prepend/
*http://www.w3schools.com/jquery/html_prepend.asp
*http://www.w3schools.com/jquery/html_prepend.asp


[[분류: jQuery]]
[[분류: jQuery]]

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery .prepend()
  • 맨 앞에 내용을 추가하는 메소드

2 예시[ | ]

<style>
p { background: orange; }
</style>

<p>안녕</p>
<p>잘가</p>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$('p').prepend('친구야! ');
</script>

3 같이 보기[ | ]

4 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}