jQuery 模板系统简介

jQuery 模板 API 可以通过数据对象动态创建 HTML 元素。该程序库由微软创建，jQuery 已经将其接纳为官方插件。和 ASP 或 VB 的 XML 字面量等服务器端模板语言类似的是，你只需给出要显示的数据绑定的表达式即可。

使用 ${fieldName}语法就可以完成简单的数据绑定，例如：

 <p><script id="bookTemplate" type="text/x-jquery-tmpl"><br></br>    <li><b>${Name}</b> (${Year})</li><br></br></script></p>

想要使用模板的话，只需定义目标位置，并使用“tmpl”方法来执行模板即可。

 
 <p><ul id="bookList"></ul><br></br>$( "#bookTemplate" ).tmpl( books ).appendTo( "#bookList" );</p> 

通过上面的语法，模板就会编译成为 JavaScript 函数。另外，通过 jQuery.template 函数也可以将字符串创建成编译后的模板。利用这种方式创建的模板是可命名的，它们会存储在 $.templates 列表中，或者仅是作为对象返回。

对于只用一次的模板来说，编译它们的开销通常是不值当的。在这种情况下，可以把模板定义的字符串直接传给模板的执行函数 jQuery.tmpl。

jQuery 模板 API 依赖于 jQuery 1.4.2 ，基于 MIT 和 GPL V2 授权。

查看英文原文： Introducing Templates for jQuery