jquery.tmpl JQuery模板插件

jquery.tmpl JQuery模板插件

官网的API：http://api.jquery.com/
需要的JS文件：jquery.tmpl.min.js
Tmpl提供了几种tag：

• ${}：等同于{{=}}，是输出变量，通过了html编码的。
• {{html}}:输出变量html,但是没有html编码，适合输出html代码。
• {{if }} {{else}}:提供了分支逻辑。
• {{each}}:提供循环逻辑，$value访问迭代变量。

 

 

jquery tmpl的使用方法：
模板定义：
方法一：
<script id="movieTemplate" type="text/x-jquery-tmpl">

     < li >

         < b >${Name}</ b > (${ReleaseYear})

     </ li >

</ script >
方法二：

function makeTemplate(){

       var markup=’ < li > < b >${Name}</ b > (${ReleaseYear}) </ li >‘;

       $.template(“movieTemplate”, markup);

} 

DATA:

var   movies = [

     { Name:  "The Red Violin" , ReleaseYear:  "1998"   },

     { Name:  "Eyes Wide Shut" , ReleaseYear:  "1999"   },

     { Name:  "The Inheritance" , ReleaseYear:  "1976"   }

];

Script:
$( "#movieTemplate" ).tmpl( movies )

     .appendTo(  "#movieList"   );