官网的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"
);