jquery.tmpl.js demo是一個基于jQuery的模板引擎，它允許您使用簡單的語法在HTML頁面中聲明和渲染模板。在此處，我們將演示如何使用jquery.tmpl.js進行模板渲染。

<!-- 引入jQuery和jquery.tmpl.js -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tmpl/1.0.0/jquery.tmpl.min.js"></script>
<!-- 模板定義 -->
<script id="itemTmpl" type="text/x-jquery-tmpl">
<li>${name} - ${price}</li>
</script>
<!-- 渲染模板 -->
<ul id="itemsList"></ul>
<script type="text/javascript">
var items = [
{ name: "Apple", price: "$1" },
{ name: "Banana", price: "$2" },
{ name: "Orange", price: "$3" }
];
var template = $("#itemTmpl").html();
$.tmpl(template, items).appendTo("#itemsList");
</script>

在上面的示例中，我們首先在HTML頁面中定義了一個模板，用于顯示每個商品的名稱和價格。然后，我們創建了一個JavaScript數組，其中包含每個商品的數據。接下來，我們使用jQuery的$()方法獲取模板內容，并使用$.tmpl()方法將數據和模板合并在一起，生成HTML列表，并將其添加到頁面中。最后，我們將渲染后的HTML列表顯示在頁面中。