jQuery 模板系统简介

  • Jonathan Allen
  • 李明(nasi)

2010 年 10 月 14 日

话题:Java.NETRubyJavaScript语言 & 开发

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

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

  

<script id="bookTemplate" type="text/x-jquery-tmpl">

    <li><b>${Name}</b> (${Year})</li>

</script>

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

  

<ul id="bookList"></ul>

$( "#bookTemplate" ).tmpl( books ).appendTo( "#bookList" );

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

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

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

查看英文原文:Introducing Templates for jQuery

Java.NETRubyJavaScript语言 & 开发