otmpl 是一个轻量级前端模版（仅有39行无压缩代码，支持缓存），所用指令仅需[#...#]和{#...#}，前者包含需要输出html语句，后者包含js变量。 支持javascript完整语法，你可以写for或者while或者其他任一javascript的语法。这个模板参考了，但我对其进行优化和改良，并缩短整体代码，提供更好的支持。

jQuery.tmpl = function (str, data, helper)

• str：一个 jQuery 对象或字符串
• data：json对象。
• helper：扩展对象，例如下面示例中自定义一个方法。
• 注意：str的内部采用 this.XXX 来访问 data，如：this.id == data.id。

缓存：

缓存只针对 jQuery.tmpl 方法，并且 str 参数必须是一个 jQuery 对象，利用 $.data 对渲染函数进行存储缓存。如以下代码执行两次“jQuery.tmpl($('#demo'),{id:1})”，只会分析一次，若传入的是“jQuery.tmpl($('#demo')

.html(),{id:1})”则会分析两次。

 

Template：

 

Scripts：

 

Result1：

 

Result2：

示例+源码：

 

复杂示例：