4
私はjQueryを使って、いくつかのテンプレートを挿入し、私が使用しているときに、2つの異なる結果を取得しようとしている：jQuery append template？
var $template = $($("#productTemplate").html());
）
A）
var $template = $("#productTemplate").html();
Bを私が使用している場合は、A）場合は、テンプレートを何度も追加できます。使用すると、テンプレートを1回だけ追加できます。 違いは何ですか？
index.htmlを
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="style.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<div class="but">
<a href="#" class="showForm"> Click </a>
</div>
<script id='productTemplate' type='text/template'>
<div class="product">
<h1>H1</h1>
</div>
</script>
</body>
</html>
main.js
$(document).ready(function(){
var $template = $($("#productTemplate").html());
$(".showForm").on("click",function() {
$("body").append($template);
});
});