jquery prepend

자바스크립트

by somiyuralove 2020. 9. 29. 16:31

.prepend()는 선택한 요소의 내용의 앞에 콘텐트를 추가합니다.

.prepend( content [, content ] )

<p>Lorem Ipsum Dolor</p>

$( 'p' ).prepend( '123 ' );

<p>123 Lorem Ipsum Dolor</p>

예제)
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<style>
body {
line-height: 2;
font-family: sans-serif;
font-size: 20px;
}
</style>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$( document ).ready( function() {
$( 'ul' ).prepend( '<li>Dolor</li>' );
} );
</script>
</head>
<body>
<ul>
<li>Lorem</li>
<li>Ipsum</li>
</ul>
</body>
</html>

'자바스크립트' 카테고리의 다른 글

window.open 사용법 (0)	2021.03.23
javascript filter 함수 (0)	2020.10.14
$().each() (0)	2020.10.05
jquery end (0)	2020.09.29
jquery data() 함수 (0)	2020.09.28