728x90
<!DOCTYPE html>
<head>
</style>
</head>
<body>
<h1 class="test1">요소 복사</h1>
<span class="test2">요소 감싸기</span>
<span class="test3">요소 모두 한번에 감싸기</span>
<span class="test3">요소 모두 한번에 감싸기</span>
<span class="test3">요소 모두 한번에 감싸기</span>
<div class="test4">안녕</div>
<h1 class="heading">This is H1</h1>
<script>
$('.test1').clone().insertAfter('.test1'); // 요소복사
$('.test2').wrap('<div class="di"></div>'); // 요소 감싸기
$('.test3').wrapAll('<p></p>'); // 모든 요소 감싸기
$('.test4').wrapInner('<p></p>'); // 하위요소 감싸기
$('.heading').replaceWith('<h1>제이쿼리</h1>')// 요소 바꾸기
</script>
</body>
</html>
728x90
'Library > Jquery' 카테고리의 다른 글
| [Jquery] 버튼 누르면 폰트사이즈 변경 (0) | 2024.04.17 |
|---|---|
| [Jquery] slideToggle(), slideUp() (0) | 2024.04.16 |
| [Jquery] Scroll-top, header fix / addclass, removeclass (0) | 2024.04.16 |
| [Jquery] Modal 팝업 (0) | 2024.04.16 |
| [Jquery] Upload profile (0) | 2024.04.12 |