欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

jquery tmpl 模板

程序员文章站 2022-05-21 12:26:17
...

jQuery.tmpl.js 网址如下: http://api.jquery.com/category/plugins/templates/ 实例 html head titlejquery tmpl/title script type=text/javascript src=jquery-1.7.2.js /script script type=text/javascript src=jquery.tmpl.js /script /head body ul

jQuery.tmpl.js


网址如下:

http://api.jquery.com/category/plugins/templates/


实例



jquery tmpl






//数据
var
movies = [
{ Name:"red", rel:"1998"},
{ Name:"wide", rel:"1994"},
{ Name:"blue", rel:"1997"}
];

//模板结构
var
markup = "

  • ${Name} (${rel})
  • ";

    //生成模板
    $.template("movieTemplate",
    markup);

    //模板绑定数据
    $.tmpl("movieTemplate",
    movies)

    .appendTo("#list");