제이쿼리 replaceWith, replcaeAll 차이점
제이쿼리 replaceWith, replaceAll
기능의 차이는 없다. 다만 명칭과 작성 순서만 다를뿐
둘 중 하나 쓰면 된다.
clone()은 노드를 복사해주는 메서드.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.case{
border: 1px solid black;
height: 20px;
}
</style>
</head>
<body>
<div>
<div class="case" id="div1">
node1
</div>
</div>
<div>
<div class="case" id="div2">
node2
</div>
</div>
<div id="source">source</div>
<input type="button" class="aa" value="remove" >
<input type="button" class="bb" value="remove" >
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$(".aa").on("click", function(){
$("#source").clone().replaceAll("#div1");
});
$(".bb").on("click", function(){
$("#div2").replaceWith($("#source").clone());
});
});
</script>
</body>
</html>
Hej_han